2023-06-01から1ヶ月間の記事一覧

useEffect内で依存配列を使わずに最新のstateを参照したい

unmount時にstateの値を使って何かしたい時、下のようなコードを書くとvalueの値を他の場所でいくら更新してもmount時の値である0のままになるかと思います。 const [value,setValue] = useState(0) useEffect(()=>{ return ()=>{ console.log(value)//ずっ…

onMouseDownでautoFocusが効かない

inputタグにautoFocusを設定すると、文字入力が可能になっている状態で表示されます。 <input type="text" ... autoFocus /> onClickで何らかのstateを切り替えてinputを表示させた際は問題ありませんでしたが、 onMouseDownイベントを使って左クリック以外で表示を切り替えたい場合にfocus状態…

hasmany(またはmany2many)のアソシエーション先で検索

解決策を見つけることができなかったので愚痴メモしておきます。 文章のみの説明で具体的なコードが出せなくてすみません。 例えばUser has many CreditCardsのような関係で、userId=1がCreditCardId=[1,2,3]を持っている場合、 user.creditCards に CreditC…