React JS动态数据获取

Question

我是React JS的新手，我无法完全理解从不同位置获取数据的适当位置。我发现的所有文档都指出componentDidMount()方法最适合于获取数据，尽管从我的角度来看，它只能处理初始同步。在我的应用程序中，我需要一种更动态的获取数据的方式。例如按下按钮，获取数据并且更改dom。将请求放入render方法是可行的，但是我读过的所有文章都对在其中加载数据的做法不满意。

Answer 1

您可以创建一个专门用于获取数据的函数，并在componentDidMount()内对其进行调用以进行组件的初始安装，然后将该函数附加为按钮上的onClick的事件处理程序。将获取的响应数据存储在组件状态内。当有人单击按钮时，将重新获取数据，触发状态更新，然后重新呈现。

Answer 2

您可以查看生命周期挂钩部分。不仅是这两个。

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

请记住，不赞成使用诸如componentWillMount之类的某些方法。我会远离那些。

Answer 3

只需单击按钮并调用一个函数，然后在组件的api setState（）成功响应中调用api

  handleOnClick=()=>{
   //fetchData and here 
   this.setState({data})
  }