javascript - 如何在flux中创建通用组件？

Question

我使用 Flux 构建我的应用程序，有一个问题让我困惑:“如何在 Flux 中创建通用组件？”。

首先，“通用组件”是指像Facebook的“点赞按钮”这样的组件，并不是只有一个项目使用它。

组件有“Store”，“Action”，“View(react组件)”，“Store”为应用程序的Dispatcher导出一个“dispatchToken”。但是“Action”部分，它需要一个Dispatcher，并使用“Dispather.handleViewAction”。但在组件的上下文中，我们不知道什么是Dispatcher。

在你的应用中，你如何创建一个通用组件？或者你知道Facebook的团队是如何创建它的吗？

Answer 1

是的，公共(public)组件不应该依赖于actionCreators。您可以在父组件中定义回调并从公共(public)组件中调用它们(通过 this.props )。这些回调函数可以在之后调用 actionCreators:

父应用特定组件:

render : 

   <CommonButton  onClick={ this.onCommonButtonClick } >


onCommonButtonClick:

   MyActionCreator.createAction(...);

通用按钮:

render :

  <button onClick={ this.props.onClick }>