在React中对要更新的组件进行API请求的正确方法是什么?

时间:2018-10-07 14:21:57

标签: ajax reactjs api request

我有两个组件:应用程序和电影。在我的App组件中,显示了电影ID的列表(它们来自我的本地数据库),在电影组件中,显示了已单击的电影ID的详细视图。

在电影组件内部,我从IMDB API中获取了一些用于匹配ID的数据。电影ID作为道具传递给电影。

默认不显示任何电影组件。如果单击了影片ID,则显示影片组件。一旦显示,就可以从列表中单击另一个Movie ID,并且必须使用从API中新获取的数据来更新Movie组件。

执行API请求的正确方法是什么?如果我在componentDidMount()中执行此操作,则仅在Movie组件首次呈现时才会发生API请求。如果我在componentWillReceiveProps()中执行此操作,则Movie组件仅在呈现后更新后才执行请求。可以同时使用componentDidMount和componentWillReceiveProps吗?还是有更合适的方法?

1 个答案:

答案 0 :(得分:0)

尝试使用componentWillMount,它将在安装组件之前触发。 Here是有关组件生命周期的良好指南。