React狀態提升-讓大家共用狀態數據

當使用React遇到幾個組件需要共用狀態數據的情況時，這個時候就需要將共享的狀態數據提升至與他們最靠近的父組件進行管理。下面，我們將利用一個小實例對狀態提升進行了解，本次實例的最終UI渲染效果爲： 當我們在搜索框輸入關鍵字進行模糊搜索時，此時UI就會被與關鍵字相匹配的內容薰染。 （1）首先我們對UI進行組件的劃分 如上圖所示，我們利用不同顏色的邊框對組件進行劃分，顏色相同的部分是同一個 其中紅色邊

>>阅读原文<<