【问题标题】:Flux data flow (app with react/flux)Flux 数据流(带有 react/flux 的应用程序)
【发布时间】:2016-06-29 07:55:59
【问题描述】:

我遇到了一个问题,任何人都可以帮忙,我正在编写一个通量/反应应用程序,并且我有一个表单,我有一些应该更新的输入。当我更改第一个输入时,我想调用一个与后端通信的操作(类操作)(从服务器获取一些数据),然后将它们返回到商店。然后我想从商店中的新数据更新我的表单中的一些值。但我总是遇到这个问题。来自商店的信息迟到 % 到呈现的视图。 ps:我在听商店的声音,一切都很好。但希望数据在第二次渲染完成之前出现。怎么样?

【问题讨论】:

    标签: reactjs flux reactjs-flux


    【解决方案1】:

    当使用 Flux 调度动作时,动作应该通知商店进行更新。但是随后您必须通知对象进行更新以响应商店的更新,为此您必须使用 React 组件的 setState 函数。 (如果需要,您也可以使用 forceRefresh。)

    通常,您可以围绕 store 构建一个事件驱动的结构,并向 store 注册回调,并在 store 更新时让 store 引发事件。组件应该在组件的 ComponentDidMount 生命周期事件中订阅这个 store(并在 ComponentWillUnmount 生命周期事件中取消订阅),以回调的形式,将调用 setState 并将信息从 store 传递到回调中;这些操作应提供足够的信息,以便商店可以有效地调用此回调。发布/订阅模型是实现这一点的一种方式,但不是唯一方式。

    【讨论】:

    • 对不起,我正在做的迟到的回应。事实上我没有解释好,我正在做这一切。但我的情况是这样的:我犯了一个愚蠢的错误,我正在调用将请求发送到后端以获取数据的操作。就在它之后,我试图从商店中获取数据(已发送),就像这样: fct() { //call of action; // 调用 store }.忘记了助焊剂的生命周期:) 现在我纠正了它,一切都很好。感谢您的帮助(y)
    猜你喜欢
    • 2016-06-02
    • 2015-03-19
    • 1970-01-01
    • 2015-11-22
    • 2017-02-10
    • 2016-03-03
    • 2020-10-03
    • 2015-06-26
    • 1970-01-01
    相关资源
    最近更新 更多