React 네이티브 TouchableHighlight : 구성 요소 및 컨텍스트 가져 오기

Question

TouchableHighlight에서 onPress를 사용하여 구성 요소에서 두 개의 소품을 얻고이 컨텍스트를 전역으로 가져 오려고합니다.

나는 사용하여 개별적으로 모두를 얻을 수 있습니다 :

onPress={this.alertProp} // get props from TouchableHighlight using this.myProp 

또는

onPress={() => this.alertProp()} // get global this to use e.g. this.state 

어떤 간단한 방법 모두를 얻을 수?

Answer 1

하위 구성 요소에서 소품을 가져와야하는 경우 ref을 사용할 수 있습니다. 예컨대 :

class Example extends React.Component { 
 

 
    alertProp(index) { 
 
    //now "this" has your global component, 
 
    //and this._touchables[index] is the ref 
 
    //of your TouchableHighlight 
 
    } 
 

 
    render() { 
 
    const data = [1, 2, 3, 4]; 
 
    return (
 
    <View> 
 
     {data.map((item, index) => { 
 
     return (
 
     <TouchableHighlight 
 
      onPress={() => this.alertProp.bind(this)(index)} 
 
      ref={(t) => this._touchables[index] = t} 
 
     />; 
 
     ); 
 
     }} 
 
    </View> 
 
    ); 
 
    
 
    } 
 
}

나는 귀하의 질문에 올바르게, 이것이 당신의 alertProp 기능 모두 글로벌 (구성 요소) 상태에 접근하고 자녀 TouchableHighlight 구성 요소의 소품을 제공 이해합니다.

Answer 2

마지막으로 더 많은 매개 변수를 바인딩하면 작동하도록 할 수 있습니다.

class Example extends React.Component { 



alertProp(param1, param2) { 
    //now "this" has your global component, 
    //param1, param2 don't get rewrited if they are dynamic inside a loop 
    } 

    render() { 
    const data = [1, 2, 3, 4]; 
    var param1; 
    return (
    <View> 
     {data.map((item, index) => { 
     param1 = index; 
     return (
     <TouchableHighlight 
      onPress={this.alertProp.bind(this,param1, param2)} 
     />; 
     ); 
     }} 
    </View> 
    ); 

    } 
}