Wie Daten zwischen Kind und Eltern in react-native übergeben?

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> 
    ); 
    } 
} 

Ich schreibe einfach eine App mit react-native und weiß nicht, wie Sie den Elternstatus vom Kindelement aktualisieren. Vielen Dank im Voraus

Answer 1

Sie müssen von Eltern zu Kind Callback-Funktion übergeben, und rufen Sie es dann im untergeordneten Element.

Zum Beispiel:

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

Wie Sie mit React.

Sie müssen exchange information through props, oder verwenden Sie eine Bibliothek wie Redux.

Answer 3

Mit Requisiten wie folgt aus:

Parent:

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

Kind:

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

Mit diesem können Sie nur tun, was Sie in Ihrer Eltern möchten.