Javascript 如何更新子组件&x2019;什么道具?

Javascript 如何更新子组件&x2019;什么道具?,javascript,reactjs,components,Javascript,Reactjs,Components,我有一些待办事项列表应用程序,它从服务器获取数据。然后我有一个搜索子组件,该组件将父对象的状态作为其道具,然后当您搜索某个对象时,它会过滤并更新父对象的状态,并传递新的过滤状态 直到一切正常,但当我试图从搜索列表中删除某些内容,然后我搜索相同的内容时,它会给我已删除的注释 简单地说,我认为它不会更新搜索组件的道具,因为它的父级状态在删除后已经更新了 我怎样才能解决这个问题 我正在使用React JS)您需要的是搜索栏中的组件diddupdate: componentDidUpdate(prevP

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

直到一切正常,但当我试图从搜索列表中删除某些内容,然后我搜索相同的内容时,它会给我已删除的注释

简单地说,我认为它不会更新搜索组件的道具,因为它的父级状态在删除后已经更新了

我怎样才能解决这个问题


我正在使用React JS)

您需要的是
搜索栏中的
组件diddupdate

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

更好的解决方案是不要将
数据
作为状态存储在
搜索栏中
,只需直接从道具访问它

如果您添加相关组件的代码,它将帮助您获得答案。就目前情况而言,我们只能猜测问题可能是什么。你可以创建一个代码片段或一个链接。这是我的待办事项列表主页,这是我的搜索栏组件。是的,我刚刚做了,但使用了componentWillReceiveProps方法。但我查找了这个。非常感谢。)