Smart和Dumb组件之间的React-Redux数据流



我是React stack的新手,我想了解智能/愚蠢组件中的数据如何流动。这是我的JSBIN说明问题。

我想从输入到clickCallback和dispatch" add_todo_item"操作中获取值,以添加带有输入名称的todo项目。通常,在反应数据中流动下游,我不太确定如何解决此问题。我想在此输入并存储最新值中添加Onchange回调,这将可以使用,我检查了它,但我几乎100%确定它不是正确的方法。

具有clickCallback和派遣" add_todo_item"操作的新项目正是您要做的,并且完全惯用通量。当存储数据更新时,组件将重新渲染。

您正在更新源的数据,并且更改从渲染管道流下。

至于从输入字段中获取值,取决于您。最简单的是,简单地使用某些DOM操纵功能(也许会给文本字段一个ID)。如果您执行以下操作,则与ClickCallback处理程序相比,将获得正常事件,并且可以将按钮标识为event.target。从那里,您可以很容易地获得文本字段值(在DOM中的按钮旁边)。

      <button onClick={this.props.clickCallback.bind(this)}>Add</button>

我无法谈论还原器的工作方式。我使用不同的通量实现ALT。这很典型地将新项目附加到商店中的集合中。

最新更新