React JS动态数据获取

Question

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

Answer 1

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

Answer 2

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

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

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

Answer 3

只需单击按钮即可调用函数，然后调用api以及组件的api setState（）成功响应

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