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

标签 javascript reactjs react-native

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

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

最佳答案

通常在 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() } />

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

关于javascript - 如何在 React Native 中获取子组件的状态,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/50291353/

相关文章:

javascript - 使用Javascript文件(Google Analytics/Amazon Webstore)修改嵌入式Javascript

javascript - 为什么 jQuery 单击(下一步)按钮无法正常工作?

javascript - 在函数中获取数组数据

react-native - 使用 expo-splash-screen 的 react-native expo 错误 : No native splash screen registered for given view controller.

javascript - node.js async.series 是它应该如何工作的?

javascript - 如何将 CSS 应用于此 Javascript 代码?

javascript - 如果像 <br> 这样的自关闭标签没有关闭,JSX 中是否有一个 API 可以忽略?

javascript - 如何从标题包含给定单词的 json 文件中分离出所有标题?

reactjs - 将 props 传递给 TS 中的 makeStyle

android - 我可以使用相同的 React Native 代码与 iOS 和 Android 中的 WebView 交互吗?