如何从父组件重新渲染/刷新子组件

Question

如何从父组件重新渲染/刷新子组件。

家长：

export default class Home extends React.Component {
constructor(props) {
super(props)

render() {
//I have a tab bar, when i tap on a tab the below line gets executed
this.childComponent = <ChildComponent onCategorySeeMorePress={this.categorySeeMoreClicked} />;
}
}

孩子

export default class ChildComponent extends Component {
render() {
 <FlatList
          style={styles.flatlist}
          data={this.state.cardsMainModel.cards}
          renderItem={this._renderItem.bind(this)}
          horizontal={false}
          keyExtractor={this._keyExtractorInfoSection}
        />
}

现在在特定条件下从父级，我想刷新子组件。 有人可以告诉我如何从父组件刷新/重新渲染子组件。

Answer 1

您可以使用两个 vay 重新渲染组件：

1. 使用 this.setState() 函数改变组件状态，
2. 更改从父级提供的组件

这是常用的和建议的方法。

但如果这些不是你的解决方案：

你可以使用 forceUpdate() 方法

希望对你有帮助