如何更新子組件的道具？

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 訪問它