React Hooks 親コンポーネントから子コンポーネントをのDOMを ref を使って触りたい。 - かもメモ

React Hooks 親コンポーネントから子コンポーネントをのDOMを ref を使って触りたい。 - かもメモ

React Hooks を使ったアプリでボタンの状態やフィールドへのフォーカスなど ref を使った操作を、そのボ...概要を表示 React Hooks を使ったアプリでボタンの状態やフィールドへのフォーカスなど ref を使った操作を、そのボタンやフィールドの親コンポーネントから呼び出したい時のメモ。 日本語が不自由なのでサンプルを 例えばボタンを押した時に非同期処理をするから、処理が完了するまでボタンを disabled にしておきたいみたいな時 単純に useRef したもの props で渡しても上手くいかない 親コンポーネント import React, { useRef } from 'react'; import SubmitButton from './SubmitButton'; function PostList(props) { const submitBtn = useRef(null); const onSubmitHandler = async (e) => { submitBtn.cur

• hooks