在react应用程序中,初始API服务调用应该在哪里生效?它应该存在于与功能或单独服务组件相关联的组件中吗?
这是如何运作的?我来自一个有角度的背景 . 试图理解这一点 .
组件的componentDidMount钩子是获取数据的好地方 . 对于更复杂的共享状态,您可能希望查看状态库,如Redux或MobX .
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') );
1 回答
组件的componentDidMount钩子是获取数据的好地方 . 对于更复杂的共享状态,您可能希望查看状态库,如Redux或MobX .
Example (JS Bin)