首页 文章

在反应应用程序中,哪里是启动数据加载的初始API服务调用的最佳位置?

提问于
浏览
2

在react应用程序中,初始API服务调用应该在哪里生效?它应该存在于与功能或单独服务组件相关联的组件中吗?

这是如何运作的?我来自一个有角度的背景 . 试图理解这一点 .

1 回答

  • 2

    组件的componentDidMount钩子是获取数据的好地方 . 对于更复杂的共享状态,您可能希望查看状态库,如ReduxMobX .

    Example (JS Bin)

    function getData() {
      return new Promise(resolve => setTimeout(() => {
        resolve('bar');
      }, 2000));
    }
    
    class App extends React.Component {
      state = {
        data: 'foo'
      };
      componentDidMount() {
        getData().then(data => {
          this.setState({ data });
        })
      }
      render() {
        return <div> {this.state.data} </div>;
      }
    }
    
    ReactDOM.render(
      <App />,
      document.getElementById('app')
    );
    

相关问题