Yusuke Akiyama

<h2 id="%E6%A6%82%E8%A6%81">
<a class="header-anchor-link" href="#%E6%A6%82%E8%A6%81" aria-hidden="true"></a> 概要</h2>
<p>ReactでHTMLInputElementのvalueをJSで変更するケースはあまりないかもしれないですが<br>
そのときに<code>onChange</code>が動作してくれない仕様ということがわかりました。</p>
<p>ググった時にヒットしたのは以下のQiitaの記事くらいでした。<br style="display:none">
<span class="embed-block zenn-embedded zenn-embedded-card"><iframe id="zenn-embedded__2124d45a41d0f" src="https://embed.zenn.studio/card#zenn-embedded__2124d45a41d0f" data-content="https%3A%2F%2Fqiita.com%2Fkiitan%2Fitems%2Fc1062520cc8d831451f7" frameborder="0" scrolling="no" loading="lazy"></iframe></span><a href="https://qiita.com/kiitan/items/c1062520cc8d831451f7" style="display:none" target="_blank" rel="nofollow noopener noreferrer">https://qiita.com/kiitan/items/c1062520cc8d831451f7</a></p>
<p>流石に<code>setInterval </code>で1秒ごとに差分更新するのは無駄が多いんじゃないかなと思い<br>
別の方法を模索...</p>


<p>ついに見つけました！<br>
以下の記事を参考にすると<code>HTMLInputElement</code>でvalueを変更した後<br>
ReactのonChangeを発火することができました🎉✨</p>
<p><span class="embed-block zenn-embedded zenn-embedded-card"><iframe id="zenn-embedded__3a54c571103a6" src="https://embed.zenn.studio/card#zenn-embedded__3a54c571103a6" data-content="https%3A%2F%2Fhai3.net%2Fblog%2Freact-trigger-change-outside%2F" frameborder="0" scrolling="no" loading="lazy"></iframe></span><a href="https://hai3.net/blog/react-trigger-change-outside/" style="display:none" target="_blank" rel="nofollow noopener noreferrer">https://hai3.net/blog/react-trigger-change-outside/</a></p>
