【问题标题】:Update store with props in reactjs使用 reactjs 中的道具更新商店
【发布时间】:2015-05-17 11:16:00
【问题描述】:

我正在关注 Flux 架构,我想知道是否可以根据收到的道具更新商店?如果是,最好的方法是什么?

【问题讨论】:

  • “道具”是什么意思?您可以通过各种可接受的方法更新商店。
  • @WiredPrairie 所谓的道具是指将从父组件传递到子组件的属性。
  • 你能举个例子吗?如果您使用 Flux 模式,React 组件将接收 来自 商店的属性。如果您愿意,您可以发送一个更新商店的操作。但是,我不明白您的情况以及您为什么要这样做?
  • @WiredPrairie 是的.. 我知道,但我有一个场景,我需要从属性更新状态..实际上我正在使用一个组件进行编辑和添加.. 添加时我想设置我在组件中的所有复选框都已选中。所以在这种情况下,我想在加载组件属性时更新存储状态,但无法弄清楚如何做 ti

标签: reactjs reactjs-flux react-jsx flux


【解决方案1】:

Flux 存储负责保存数据。数据应通过操作进行更新。 另一方面,react view 组件通过 props 从父级获取数据。 所以商店没有道具!!

【讨论】:

  • 好的,让我解释一下这个场景。 .我有一个用于添加和编辑的组件。在该组件中,我需要显示复选框来检查项目(项目列表作为属性传递)。我正在保存复选框的状态以显示哪些被选中,哪些不是。现在我希望在 add 的上下文中呈现组件时,默认检查所有项目。我知道我可以使用 prop 本身执行此操作,但在这种情况下,我已应用于状态的验证将不起作用。所以在我看来,最好能用属性更新状态
  • 看起来可以通过该 React 组件的生命周期方法 getInitialState 来实现这一点。因此,如果组件用于添加,则所有复选框状态都将初始化为已选中。否则会得到对象检查属性。
  • 使用属性更新状态 - 在组件状态中存储属性是一种反模式。
猜你喜欢
  • 2020-08-11
  • 2015-07-04
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2019-09-16
  • 2016-11-16
  • 2020-10-20
相关资源
最近更新 更多