在ReactJS中通过AJAX加载初始数据的位置

发布时间：2020-12-16 02:54:07 所属栏目：百科来源：网络整理

导读：我正在使用React-Redux来构建应用程序.要加载React智能组件的初始数据,我需要调度一个Redux操作,在该操作中将发生Ajax调用.我已经尝试在构造函数(ES6实现),componentWillMount和componentsnetDidMount中调度操作.他们都工作了.我的问题是：React智能组件中是

我正在使用React-Redux来构建应用程序.要加载React智能组件的初始数据,我需要调度一个Redux操作,在该操作中将发生Ajax调用.我已经尝试在构造函数(ES6实现),componentWillMount和componentsnetDidMount中调度操作.他们都工作了.我的问题是：React智能组件中是否存在应该调度操作的推荐位置.

解决方法

编辑： Dan Abramov recently stated

In future versions of React we expect that componentWillMount will fire more than once in some cases,so you should use componentDidMount for network requests.

在componentDidMount中

阅读here.

Fetch data in componentDidMount. When the response arrives,store the data in state,triggering a render to update your UI.

When fetching data asynchronously,use componentWillUnmount to cancel any outstanding requests before the component is unmounted.

关于“为什么在componentDidMount中”的文档非常缺乏.我相信如果您使用服务器端渲染,则不会调用componentWillMount,因此这可能是首选componentDidMount的原因.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!