最近仕事でReactをやっている。 今回のネタはひとこと(ひとコード?)で言うと以下のようなこと。 getInitialState () { return { clicked: false }; }, clickHandler () { this.setState({ clicked: true }); console.log(this.state.clicked); // -> false }, render () { console.log(this.state.clicked); // -> true return <button onClick={this.clickHandler}>Click Me</button>; } インタラクションのハンドラで this.setState したとして、そのハンドラ内でthis.state を参照しても、まだ更新後の値は取れない。rende
![[React.js] setStateしても直ちにstateは変更されない | Like@Lunatic](https://cdn-ak-scissors.b.st-hatena.com/image/square/c5f660d266393a2d3d0f4a7eda72fead3b4a424b/height=288;version=1;width=512/https%3A%2F%2Flikealunatic.jp%2Fwp-content%2Fthemes%2Flikealunatic30%2Fassets%2Fog.png)