进行API调用与反应获取数据并呈现

Question

我是新来的反应，并希望了解从经典的MVC的区别。我想创建初始加载一些数据，并呈现让利说一格一个简单的组件。在某些国家或道具更改将刷新数据和重新渲染。

什么是从下面两个选项反应的最好方法？

1. 使用生命周期事件加载数据，更新一些状态和另一个事件渲染，同时会显示一些装载透明度。
2. 与终极版工作并作出反应，终极版？但在所有例子中，我看不到API调用。这是一种中间件的角色（咚？）？

将在适当的解释。

Answer 1

这两个方法都是正确的。这取决于你的使用情况。如果你能避免在您的应用程序中使用终极版，使用的生命周期方法调用API（中也称为订阅反应文档）。如果你认为你的应用程序有许多内容，不同的组件需要共享的状态，然后使用终极版。

你也应该看看阵营挂钩https://reactjs.org/docs/hooks-reference.html您可以使用效果挂钩https://reactjs.org/docs/hooks-effect.html进行API调用和更新组件的状态。

更新：

无论咚和Sage使用你的应用程序（从这里进行API调用）来管理的副作用。我用的传奇，我不很了解的thunk。

你会如何使用终极版，传奇：如果你想获得一些数据上的按钮，点击显示说，这是它如何工作的：

• 在按钮点击你发送一个动作，说GET_DATA
• 你的终极版减速将改变在这个特别的动作有些国家，说isLoading =真
• 您可以使用isLoading在你的组件显示一个微调/覆盖
• 与此同时传奇会听GET_DATA行动，使API调用
• 如果成功，从佐贺你会派遣一个动作，说GET_DATA_SUCCESS与API调用的数据 减速将改变isLoading = false，并设置状态数据，说apiData = {...}
• 如果失败，从佐贺你会派遣一个动作，说GET_DATA_FAILED错误代码/消息 减速将改变isLoading = false，并设置状态错误，说APIERROR = {...}
• 您现在可以使用isLoading =假在你组件在您组件删除微调和显示数据（apiData）或错误（APIERROR）。

你可以通过本教程学习更多https://redux-saga.js.org/docs/introduction/BeginnerTutorial.html