【问题标题】:React JS : Rendering parent componet from childReact JS:从子组件渲染父组件
【发布时间】:2015-11-12 13:02:35
【问题描述】:

我在 react js 中有 2 个组件:-

搜索页面

表格视图

从 searchPage 我呈现 TableView。 TableView 是 SearchPage 的子组件。

在 TableView 中,我有一个 div 元素列表。当我点击任何元素时,它应该再次呈现 SearchPage。

是否有任何可能的方法可以使用参数值从子组件呈现父组件?

如果我的问题不清楚,请告诉我。 提前致谢。

【问题讨论】:

  • “当我单击任何元素时,它应该再次呈现 SearchPage”到底是什么意思。是否要重新渲染整个页面?
  • 是的,我想渲染整个页面。实际上我想根据子组件中的操作更新父状态。
  • 所以你最好相应地重命名标题,因为这是你真正感兴趣的问题

标签: reactjs


【解决方案1】:

您在设置状态的回调中将回调作为道具传递给孩子。孩子像this.props.something()一样调用回调。

另一种选择是通量存储,在另一个回答中进行了解释。

【讨论】:

    【解决方案2】:

    有没有办法从子组件渲染父组件 带参数值?

    是的。您正在寻找的是根据子组件中的操作更新父组件的状态。

    【讨论】:

      【解决方案3】:

      其实我想根据子组件中的动作来更新父状态

      使用 ReactJS,你想要一个unidirectional dataflow。因此,您需要的是一个商店,其中组件可以

      1. 写信给
      2. 收听(或注册)。

      应通知注册该商店的每个组件何时更新商店,以便该组件可以自行更新。

      因此我建议使用所谓的Flux store

      或者结合Immstruct查看Immutable.js

      【讨论】:

        猜你喜欢
        • 1970-01-01
        • 2019-02-26
        • 2020-08-18
        • 1970-01-01
        • 2020-03-22
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 2020-10-15
        相关资源
        最近更新 更多