問題タブ [react-devtools]
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 - 親コンポーネントの関数本体内から子コンポーネントを更新する
Filters次のような子としていくつかを含む親コンポーネントがあります。
Filters親コンポーネントの子:
filters親コンポーネントの状態:const [filters, setFilters] = useState<Array<IFilter | IDateFilter>>([]);
updateFilterメソッドはいくつかの引数を想定しており、以下のように親に記述されています。
resetFilter&resetFiltersは、これと同様の構造を持っています。それらがトリガーされると、親のfilters変更のように効果が発生します。
彼らは働いているように見えますが、私はコンソールにWarning: Cannot update a component from inside the function body of a different component.
これを持っていますで呼び出されるいくつかの引数が必要です。useEffectuseCallbackupdateFilter
css - デバッガーを自動的にトリガーするReact devtools
反応コンポーネントのコードをいくつか変更し、ブラウザでそれらの変更を確認するために保存しました。しかし、ブラウザーに行くと、コードベース全体でデバッガーを使用していないのに、デバッガーが自動的にトリガーされます。
これは私がブラウザで得ているものです:
