如何更新子组件的道具？

Question

我有一些待办事项列表应用程序，它从服务器获取数据。然后我有一个搜索子组件，它将父组件的状态作为道具，然后当您搜索某些内容时，它会过滤并更新父组件的状态，并传递新的过滤状态。

直到一切正常，但是当我尝试从搜索列表中删除某些内容然后我正在搜索相同的内容时，它给了我已经删除的注释。

简单地说，我认为当它的父状态在删除后已经更新时，它不会更新搜索组件的道具。

我该如何解决这个问题？

我正在使用 React JS）

Answer 1

你需要的是componentDidUpdate在SearchBar组件：

componentDidUpdate(prevProps) {
    if (this.props.data !== prevProps.data) {
        this.setState({data: this.props.data ,filteredData: this.props.data});
    }
}

更好的解决方案是不将data作为状态存储在SearchBar ，只需直接从 props 访问它