問題タブ [use-effect]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
reactjs - 反応フック useEffect throwing const 変数への代入エラー
私はいくつかのコードに取り組んでいますが、このエラーで立ち往生しています。他のプロジェクトでそれが登場するのを見たことがないので、なぜここにあるのかわかりません。私は useEffect フックを使用しており、ユーザーがドロップダウンからオプションを選択したときにそれを更新したいと考えています。ユーザーがオプションを選択すると、次のエラーが発生しますTypeError: Assignment to constant variable.
。起こりえない定数を更新しようとしていると言っているのは理解していますが、その理由はわかりません。残念なことに、
コードを適切にレンダリングする方法を判断できませんが、次の 2 行は問題のあるコード行です。これらの後に、私が取り組んでいる完全なコードが続きます。
const [TitleId, setTitleId] = useState(0);
const TitleSelect = event =>{
console.log(event.target.value);
setTitleId=(32);
};
提案やアドバイスは大歓迎です。
reactjs - useEffect のどの依存関係が更新されたかを確認する
私はこのuseEffect
フックを持っています:
変更があった場合にのみ追加を行いたいですposition
。変更があった場合tileSize
は、乗算を実行したいだけです。
2つに分けてみましたuseEffect
が、React Hook useEffect has missing dependencies
警告が表示されます:
この場合のベストプラクティスは何ですか?
編集:
再現可能な例:
警告メッセージ:
31 行目: React フックの useEffect には依存関係がありません: 「tileSize」。それを含めるか、依存配列を削除してください。「setTop」が「tileSize」の現在の値を必要とする場合、複数の useState 変数を useReducer に置き換えることもできます
36 行目: React Hook useEffect に依存関係がありません: 'controller.position.x' と 'controller.position.y'。それらを含めるか、依存配列を削除してください react-hooks/exhaustive-deps 行 46: 到達不能コード no-unreachable