作者:蜕变爱宝女 | 来源:互联网 | 2022-10-19 17:52
1> Dhaval Jardo..:
使用componentDidMount
代替componentWillMount
,不推荐使用。
这对Christopher处理异步操作的回答来说确实是一个很好的补充。
class App extends React.Component {
constructor(props) {
super(props);
this.state = {
data: []
};
}
componentDidMount() {
fetch("https://jsonplaceholder.typicode.com/todos")
.then(respOnse=> response.json())
.then(result =>
this.setState({
data: result
})
)
.catch(e => console.log(e));
}
render() {
const { data } = this.state;
return {data[0] ? data[0].title : 'Loading'}
;
}
}
ReactDOM.render(, document.getElementById("root"));