如何在ajax调用响应后更新react es6组件？

constructor(props) {
  super(props);
  this.state = {
    data: null
  };
}

componentDidMount() {
  // 发起ajax调用
  ajaxCall()
    .then(response => {
      // 更新组件状态
      this.setState({ data: response.data });
    })
    .catch(error => {
      // 处理错误
    });
}

render() {
  const { data } = this.state;
  return (
    <div>
      {data ? (
        // 渲染数据
        <div>{data}</div>
      ) : (
        // 渲染加载中的提示
        <div>Loading...</div>
      )}
    </div>
  );
}