首页
学习
活动
专区
圈层
工具
发布
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    Thinking in React

    FilterableProductTable (orange): 包含所有的子组件,是个容器 SearchBar (blue): 用于用户输入交互 ProductTable (green): 呈现数据项并根据用户输入过滤数据...至此,我们将这五个组件的继承关系确定下来: FilterableProductTable SearchBar ProductTable ProductCategoryRow ProductRow step2...在每一个状态期, 确保每个组件都会根据当前状态来渲染 寻找其共同的祖先组件 在继承链中层级较高的组件拥有state 回到我们的应用中, ProductTable需要根据state来过滤数据,SearchBar...我们需要给该组件设置getInitialState方法设置组件的初始状态,并且通过props将状态传递给ProductTable和SearchBar,最后我们就可以在ProductTable和SearchBar...所以我们通过在ProductTable和SearchBar设置事件监听函数,并且每当函数触发时setState当前的状态,促使组件渲染重绘,完成数据的动态呈现。

    1.5K70
    领券