💯

私はReactのステートがどんなときにリセットされるかまったく分かっていなかった

2025/10/04に公開

きっかけはこれ

個人的には「？もちろんリセットされるでしょ？」と思っていましたが、リセットされないと答えている人もいました。そして、そのリセットされないと考えた理由について全然理解出来ていないので実践してみよう。のブログです。

答えはここにすべて書いてあります

ネタバレ

着目するのはもちろんこの部分。ここをいろいろ弄ってみましょう

{!checked && <Counter />}
{checked && <Counter />}

{checked ? <Counter /> : <Counter />}

{checked ? <Counter key={checked} /> : <Counter key={checked} />}

<Counter key={checked} />

{!checked ? <Counter /> : null}
{checked ? <Counter /> : null}

{!checked ? <Counter /> : undefined}
{checked ? <Counter /> : undefined}

{!checked && <Counter key={0} />}
{checked && <Counter key={0} />}

「こんなおもろいケースあるよ！」をコメントで教えてもらえたら喜びます