检测我们是否从API获得新响应

Question

我正在研究React应用程序。

我想每次从API获得新响应时刷新我的组件详细信息。 任何人都可以告诉我，如何从API获得新的响应，以便我可以刷新我的详细信息。 谢谢 ！

Answer 1

您可以使用有状态组件并将状态设置为从API接收的数据。由于reactJS使用Virtual DOM来检查对状态所做的更改，因此如果从API请求收到的数据发生任何更改，它将自动更新。

你可以尝试类似的东西：

 class App extends Component {
  constructor(props){
    super(props);
    this.state= {
      flats : []
    };
  }

  componentDidMount(){
    const url="example.com/api.json";
    fetch(url)
    .then(response => response.json())
    .then(data => {
      this.setState({
        flats: data
      });
    })
  }