Question

我使用Flux构建我的应用程序，有一个问题让我感到困惑：＆＃34;如何创建一个不断变化的常见组件？＆＃34;。

首先，＆＃34;共同组件＆＃34;是指像＆＃34; Like按钮＆＃34;在Facebook，不仅有一个项目使用它。

组件具有＆＃34; Store＆＃34;，＆＃34; Action＆＃34;，＆＃34; View（反应组件）＆＃34;＆＃34; Store＆＃34;出口一个＆＃34; dispatchToken＆＃34;对于应用程序的Dispatcher.But＆＃34; Action＆＃34;部分，它需要一个Dispatcher，并使用类似＆＃34; Dispather.handleViewAction＆＃34;。但是在组件的背景下，我们不知道什么是Dispatcher。

在你的应用中，你如何创建一个共同的组件？或者你知道Facebook的小组如何创建它？

Answer 1

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

父应用专用组件：

render : 

   <CommonButton  onClick={ this.onCommonButtonClick } >


onCommonButtonClick:

   MyActionCreator.createAction(...);

CommonButton：

render :

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

如何创建通用组件？

1 个答案: