首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    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.4K70

    扫码

    添加站长 进交流群

    领取专属 10元无门槛券

    手把手带您无忧上云

    扫码加入开发者社群

    相关资讯

    热门标签

    活动推荐

      运营活动

      活动名称
      广告关闭
      领券