订阅外部数组变化的反应

Question

我有一个旧版Web应用程序，该应用程序获取有关饮料的数据并将其存储。我现在通过在旧版应用程序之上构建React组件来使演示文稿现代化。

我希望我的React组件在从服务器中提取新项目并推送到旧版应用程序存储的数组时进行更新。 不需要外部信令框架就能完成吗？ 这基本上就是我想要的：

// Legacy web app 
MyLegacyApp.Storage.Beverages = [item1, item2...];


// React component
export default class BeveragesView extends React.Component {
    constructor(props) {
        super(props);
        this.state = {
            beverages: MyLegacyApp.Storage.Beverages // And also track any changes to this
        };
    }
    // ... rest of the component
}

通常，这将通过将所有内容保持在React状态并自动更新来自动完成。将获取和存储移至React的工作量很大，因此我只能将存储保留在旧版应用程序中。

Answer 1

如果您要问的是是否可以在没有设置服务器或不使用Redux的情况下在reactjs应用程序中调用api，那么答案是“是”。可以找到简短说明性的说明here