javascript - 如何在 React Native 中获取子组件的状态

Question

我有主组件文件并在另一个子组件中使用。我必须获取子组件的状态。

例如:- 家( parent ) - 表单(子)组件我已经设置了状态中任何文本框的值。那么我能否将Form组件的状态值获取到主组件中。

Answer 1

通常在 React(和 React-Native)中，信息从父组件传递到它的子组件。但是，如果您需要根据子组件的状态更改父组件状态中的某些内容，您可以将一个函数传递给子组件来执行此操作。

例如:

// Inside Parent Component
openModalFromParent() {
  this.setState({ modalOpened: true });
};

// Passing Function to Child
<ChildComponent openModal={ this.openModalFromParent } />

// Inside Child Component
<TouchableHighlight onPress={ () => this.props.openModal() } />

在此示例中，子组件中的按钮将触发一个更改父组件状态的函数 - 希望这对您有所帮助!