はじめてReduxの流れを見たときに、複雑さで戸惑いましたが、Reactの状態遷移でいろいろやっていった結果、より基礎的なところから組み立てたほうが、Reducerという世界観を理解できる気がしてきました。 なお、後述の事情により、React Hooksで進めています。また、説明のために必要な箇所を除いて、useCallbackは省略します。 useStateの基本 シンプルな値の格納 React.useStateを使えば、stateとそれを設定する関数を得ることができます。 const [state, setState] = React.useState(0); <button type="button" onClick={() => setState(1)}>1をセット</button> 「値の設定」と「取得」という、状態を記憶させる上で基本となる機能です。 前の値を使った更新 将来の
![React Hooksでたどる、stateからreducerまで - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/feab70998ba57d2d7ad6dbef056170a8fce04e16/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-9f5428127621718a910c8b63951390ad.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTkxNiZoPTMzNiZ0eHQ9UmVhY3QlMjBIb29rcyVFMyU4MSVBNyVFMyU4MSU5RiVFMyU4MSVBOSVFMyU4MiU4QiVFMyU4MCU4MXN0YXRlJUUzJTgxJThCJUUzJTgyJTg5cmVkdWNlciVFMyU4MSVCRSVFMyU4MSVBNyZ0eHQtY29sb3I9JTIzMjEyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTU2JnR4dC1jbGlwPWVsbGlwc2lzJnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnM9YzQ4OGViNzQ3ZmQxYzQ5ZGU5OWM4MGUzNTRhMTIzM2Y%26mark-x%3D142%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTYxNiZ0eHQ9JTQwamtyXzIyNTUmdHh0LWNvbG9yPSUyMzIxMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT0zNiZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZzPWZhMWNhYWU1ZjQ0NDU3YTNmZWFhNjE5ZjkwYWQ1YTMx%26blend-x%3D142%26blend-y%3D491%26blend-mode%3Dnormal%26s%3Dd339ed0b3a2593181893a429d0f3002e)