# 一.几个开发中经常会遇到的问题
以下几个问题是我们在实际开发中经常会遇到的场景，下面用几个简单的示例代码来还原一下。
# 1.setState是同步还是异步的，为什么有的时候不能立即拿到更新结果而有的时候可以?
1.1 钩子函数和React合成事件中的setState
现在有两个组件
componentDidMount() {
console.log('parent componentDidMount');
}
render() {
return (
<div>
<SetState2></SetState2>
<SetState></SetState>
</div>
);
}
@前端进阶之旅: 代码已经复制到剪贴板
组件内部放入同样的代码，并在Setstate1中的componentDidMount中放入一段同步延时代码，打印延时时间：
componentWillUpdate() {
console.log('componentWillUpdate');
}
componentDidUpdate() {
console.log('componentDidUpdate');
}
componentDidMount() {
console.log('SetState调用setState');
this.setState({
index: this.state.index + 1
})
console.log('state', this.state.index);
console.log('SetState调用setState');
this.setState({
index: this.state.index + 1
})
console.log('state', this.state.index);
}
@前端进阶之旅: 代码已经复制到剪贴板
下面是执行结果：
