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

Question

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

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

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

在您的应用程序中，您如何创建一个通用组件？或者您知道 Facebook 的群组是如何创建它的吗？

Answer 1

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

父应用特定组件：

render : 

   <CommonButton  onClick={ this.onCommonButtonClick } >


onCommonButtonClick:

   MyActionCreator.createAction(...);

通用按钮：

render :

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