react-native에서 자식과 부모간에 데이터를 전달하는 방법은 무엇입니까?

Question

module.exports= class APP extends React.Component { 
    constructor(props){ 
    super(props); 
    this.state = { 
     key1:'key1', 
     key2:'key2' 
    }; 
    render() { 
    return (
     <View> 
      <Button 
      onPress={this.goToTisch}> 
      1 
      </Button> 
      <Button 
      onPress={this.goToTisch}> 
      2 
      </Button> 
     </View> 
    ); 
    } 
} 

나는 단지 react-native로 응용 프로그램을 작성하고 자식 요소에서 부모 상태를 업데이트하는 방법을 모릅니다. 사전에 감사합니다

Answer 1

부모 콜백 콜백 함수에서 자식 콜백 함수로 전달한 다음 하위 콜백 함수를 호출해야합니다. 예를 들어

:

class Parent extends React.Component { 
    constructor(props){ 
    super(props); 
    this.state = { 
     show: false 
    }; 
    } 
    updateState =() => { 
     this.setState({ 
      show: !this.state.show 
     }); 
    } 
    render() { 
    return (
     <Child updateState={this.updateState} /> 
    ); 
    } 
} 

class Child extends React.Component { 
    handleClick =() => { 
     this.props.updateState(); 
    } 
    render() { 
    return (
     <button onClick={this.handleClick}>Test</button> 
    ); 
    } 
} 

Answer 2

마찬가지로 할 React.

exchange information through props이 있거나 Redux과 같은 라이브러리를 사용해야합니다. 이 같은

Answer 3

사용 소품 :

부모 :

<Parent> 
    <Child onChange={this.change} /> 
</Parent> 

아이 : 당신이 당신의 부모에 원하는대로 그냥 할 수있는이와

<button onclick={this.props.onChange('It Changed')} /> 

.