てりー

<h1 id="%E3%82%A8%E3%83%A9%E3%83%BC%E5%86%85%E5%AE%B9">
<a class="header-anchor-link" href="#%E3%82%A8%E3%83%A9%E3%83%BC%E5%86%85%E5%AE%B9" aria-hidden="true"></a> エラー内容</h1>
<p><img src="https://storage.googleapis.com/zenn-user-upload/lryngojt4frjqxrxsfy8mf3cofd1" alt loading="lazy" class="md-img"></p>


<h1 id="%E8%A9%B2%E5%BD%93%E3%82%B3%E3%83%BC%E3%83%89">
<a class="header-anchor-link" href="#%E8%A9%B2%E5%BD%93%E3%82%B3%E3%83%BC%E3%83%89" aria-hidden="true"></a> 該当コード</h1>
<p><img src="https://storage.googleapis.com/zenn-user-upload/dv0vz14ke99qyqqxng6wlzpuyhhd" alt loading="lazy" class="md-img"></p>


<h1 id="%E3%82%A8%E3%83%A9%E3%83%BC%E3%82%B3%E3%83%BC%E3%83%89%E3%82%92%E8%AA%AD%E3%82%80">
<a class="header-anchor-link" href="#%E3%82%A8%E3%83%A9%E3%83%BC%E3%82%B3%E3%83%BC%E3%83%89%E3%82%92%E8%AA%AD%E3%82%80" aria-hidden="true"></a> エラーコードを読む</h1>
<p>this.setStateが関数じゃないと言っている。</p>
<h2 id="callback%E5%86%85%E3%81%AEthis%E3%81%AE%E6%8C%99%E5%8B%95">
<a class="header-anchor-link" href="#callback%E5%86%85%E3%81%AEthis%E3%81%AE%E6%8C%99%E5%8B%95" aria-hidden="true"></a> callback内のthisの挙動</h2>
<p>どうやらthisが悪さをしてsetStateが動作していないらしい。<br>
callback関数内のthisはグローバルのwindowオブジェクトを示してしまう</p>
<h2 id="%E8%A7%A3%E6%B1%BA%E7%AD%96%E2%91%A0-arrow%E9%96%A2%E6%95%B0">
<a class="header-anchor-link" href="#%E8%A7%A3%E6%B1%BA%E7%AD%96%E2%91%A0-arrow%E9%96%A2%E6%95%B0" aria-hidden="true"></a> 解決策① arrow関数</h2>
<p>arrow関数を使って表記すればthisの挙動が正しくなる。<br>
<img src="https://storage.googleapis.com/zenn-user-upload/djzyi0jwcyz7guija68fekeg4e88" alt loading="lazy" class="md-img"></p>
<h2 id="%E8%A7%A3%E6%B1%BA%E7%AD%96%E2%91%A1-.bind">
<a class="header-anchor-link" href="#%E8%A7%A3%E6%B1%BA%E7%AD%96%E2%91%A1-.bind" aria-hidden="true"></a> 解決策② .bind</h2>
<p>.bindを使うことでthisの挙動を正しく出来るらしい。<br>
自分は①のやり方で解決したので、参考サイトだけ貼っておく。</p>
<p><span class="embed-block zenn-embedded zenn-embedded-card"><iframe id="zenn-embedded__0fc91006c5bed" src="https://embed.zenn.studio/card#zenn-embedded__0fc91006c5bed" data-content="https%3A%2F%2Fstackoverflow.com%2Fquestions%2F31045716%2Freact-this-setstate-is-not-a-function" frameborder="0" scrolling="no" loading="lazy"></iframe></span><a href="https://stackoverflow.com/questions/31045716/react-this-setstate-is-not-a-function" style="display:none" target="_blank" rel="nofollow noopener noreferrer">https://stackoverflow.com/questions/31045716/react-this-setstate-is-not-a-function</a></p>
