反応ネイティブの子と親の間でデータを渡す方法はありますか？

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')} /> 

。