ReactのsetStateで設定した値を同期的に反映させるには
setStateで設定した値はReactで更新が走らないとすぐには反映されない
なので以下のようにしても必要な値が手に入らない
なので以下のようにしても必要な値が手に入らない
const [isVisible, setIsVisible] = useState(true);
const func = () => {
setIsVisible(false)
console.log(isVisivle)
}
クラスコンポーネントではコールバックを渡して確実な変更した値を使用することが出来たconst [isVisible, setIsVisible] = useState(true); useEffect(() => { console.log('ステートが更新された。'); }, [isVisible]);
this.setState({
isVisible: true
}, () => {
console.log('ステートが更新された。' + isVisible);
});
Loading...
普通に事前に別の変数に格納してくれ
const [isVisible, setIsVisible] = useState(true);
const func = () => {
const newValue = false
setIsVisible(newValue)
console.log(newValue)
}
ReactBEMを始めとした手法はReactやVueには不向き(不要)Container・PresentationalコンポーネントReact.Children.mapReactとVueの比較(2021)Reactのconditional renderとdisplay noneの違いReactのuseCallBack地獄ReactのuseEffectでのアンマウント処理は普通の更新や遷移では発火しないReactのディレクトリ構造Reactの技術質問の想定React・VueなどのJS系フレームワークとJS・jQueryは何が違うのかreactでビューに状態（計算？）をもたせちゃいけない？reactで巨大なリストやグリッドの再描画問題state→❌️値を保持 ⭕️再レンダリングを引き起こす状態を保持「3種類」で管理するReactのState戦略マイクロフロントエンド(SPA)行動規範の参考👀useCallbackはとにかく使え！ 特にカスタムフックでは👀本当に倒すべきだったのは jQuery ではなくテンプレートエンジンだった📄Obsidianで使うタイトル用語集🤔VueとReactの最終検討 @20210803
月別アーカイブ
www.aizulab.com