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

您可以通过两种方式重新渲染组件：

使用this.setState（）函数更改组件状态，
从家长那里得到的改变组件

这是常用的建议方法。

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

您可以使用forceUpdate（）方法

希望对您有帮助

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

1 个答案: