Reactjs 如何在ajax调用后更新子组件状态

Reactjs 如何在ajax调用后更新子组件状态,reactjs,reactjs-flux,flux,Reactjs,Reactjs Flux,Flux,为了学习react+flux,我正在构建一个简单的撰写框,将段落分解为多条tweet,然后通过单击按钮,您可以发布一系列tweet。高级应用程序具有以下组件: <div> <ComposeBox tweetParaText={this.state.tweetParaText} ref='composeBox' /> <DisplayTweets tweetCollection={this.state.tweetCollection} ref='d

为了学习react+flux,我正在构建一个简单的撰写框,将段落分解为多条tweet,然后通过单击按钮,您可以发布一系列tweet。高级应用程序具有以下组件:

<div>
     <ComposeBox tweetParaText={this.state.tweetParaText} ref='composeBox' />
     <DisplayTweets tweetCollection={this.state.tweetCollection} ref='displayTweets' />
     <TweetButton signedInSignature={this.state.signedInSignature} ref='tweetButton' />
</div>
在更改此处的状态时,会发生此状态的UI更改,因为组件就是这样编写的。然而,在这之后,我有点不知所措


由于数据流是单向的,完成后的操作将向存储区发送一个事件,该事件将更新其状态,从而更新ComposeBox组件的状态。但是如何以及在何处设置TweetButton组件的状态?我应该为这个写一个不同的商店吗?或者有更好的方法来实现这一点吗?

我使用相同的存储来显示呼叫的状态/状态

假设您的通话结果将存储在_Tweets={};在TweetStore对象内部

我在商店里这样唯一地注册结果(我想不是强制性的)

_Tweets["someresultid/tag"] = {
    data: result.data,
    status: result.status
}
TweetStore正在侦听2个事件:案例:“加载”和案例:“ReceiveResults/answer/wtv”

当用户发起呼叫时,您将在呼叫的同时发送“加载”。然后,当它收到答复时,您发送“答复”

您的视图正在侦听存储的任何更改,当发生更改时,回调将检查状态并相应地重新提交(主控、错误或结果)

我希望有帮助

_Tweets["someresultid/tag"] = {
    data: result.data,
    status: result.status
}