React状态提升-让大家共用状态数据

当使用React遇到几个组件需要共用状态数据的情况时,这个时候就需要将共享的状态数据提升至与他们最靠近的父组件进行管理。下面,我们将利用一个小实例对状态提升进行了解,本次实例的最终UI渲染效果为: 当我们在搜索框输入关键字进行模糊搜索时,此时UI就会被与关键字相匹配的内容熏染。 (1)首先我们对UI进行组件的划分 如上图所示,我们利用不同颜色的边框对组件进行划分,颜色相同的部分是同一个 其中红色边
相关文章
相关标签/搜索