何处使用URL params中的值设置react组件的状态

Question

我需要设置一个反应组件的状态，其值来自路由器/ URL的查询参数。

我在哪个生命周期方法中使用这些参数设置状态

null，constructor，componentDidMount或其他？

Answer 1

从网络请求加载数据的理想生命周期方法是componentDidMount

https://reactjs.org/docs/react-component.html#componentdidmount

  装载组件后立即调用

componentDidMount（）。需要DOM节点的初始化应该放在这里。如果需要从远程端点加载数据，这是实例化网络请求的好地方。

Answer 2

根据official React docs，建议执行Ajax请求或使用来自URL参数的值设置反应组件状态的位置在componentDidMount中，这是一个生命周期方法，在React组件安装到DOM之后运行

  

在componentDidMount生命周期方法中获取服务器数据。

componentDidMount 是魔术发生的地方。当组件第一次“安装”（添加到DOM）时，将执行此方法。此方法仅在组件生命周期内执行一次。