1

问题：我一直在搜索谷歌，阅读 redux.js.org 文档，查看示例（但每个示例彼此之间以及与我所拥有的不同）并且无法弄清楚如何让我的动作创建者调度我的动作或者我如何调度我的动作创建者的动作，或者传递我的状态等。我只是想将一个简单的待办事项添加到列表中。

期望的结果：我需要一个更好的 ELI5 解释来说明我如何调度我的动作创建者的动作，我如何传递我的 mapStateToProps 的状态，因为这些例子让我感到困惑。我只想在我的列表中添加一个简单的项目并呈现我的项目的当前状态。

我只是想要一些指导，我不是在寻找任何人为我做这件事，到目前为止我一直很享受学习，但这在过去一天左右一直是一堵墙。我希望这些链接足以代表我的应用程序的不同部分。如果需要，可以在此处克隆它： //github.com/laere/therealapp

更新：目前正在努力在单个 JSBIN 中重新创建问题： output

我的代码：

我的商店（reducer/action 创建者）： //jsbin.com/zopedipezu/edit ?html,js,output

我的商店所在的主根文件。http://jsbin.com/tapowagobo/edit?html,js,输出

我的主要容器/父组件使 connect() 引用存储。http://jsbin.com/larisifube/edit?js,输出

我的列表组件（哑组件）： //jsbin.com/zirozucehi/edit ?html,js,output

我的 ListItem 组件（哑组件）：http: //jsbin.com/sijifeqalu/edit ?html,js,output

更新我解决了这个问题。在我的主容器组件中连接到商店后，我能够通过 this.props 传递动作创建者。到其他组件！

4

1 回答 1

2

我意识到经过更多的研究和修补，我得出的结论是，我可以通过 props 传递我的操作，就像任何其他数据都可以在 React 框架中传递一样。

export default class Parent extends Component {
  render() {
    return (
      <ChildComponent myState={this.props.myState}/>
    );
  }
}

const mapStateToProps = () => {
     return {
        myState: myState
  }
}
于 2016-02-28T18:07:39.780 回答