問題タブ [react-ref]

私はこれを持っています

この

Two_inputはinputタグの ref オブジェクトで、それらの違いがわかりません。

私の質問は次のとおりです。2つの違いは何ですか。_inputどちら_inputが優れていますか?

反応を使用して単純な TodoList を作成し、GSAP をプロジェクトに統合しようとしました。ここでは、制御されたアニメーションを作成するために状態を利用しました。

問題は

リストに Todo を追加すると、Todo は追加されますが、要素の不透明度は 0 に設定されます。

私が間違っているときは助けてください。

プロジェクト リンク

Todo.jsコンポーネント

Material UI Text Field/Input の InputProps で渡された Start Adornment の幅を取得するにはどうすればよいですか?

ここに TextField の実装があります

InputProps で startAdornment を取得し、ref を渡して componentDidMount で幅を取得しようとしています

私は未定義になっています。ref の現在のプロパティで要素を取得しますが、offsetWidth は定義されていません。ここで何が問題なのかわかりません。

table各行にmenuボタンが必要なリストがありますref。プロジェクトで react mui を使用していますが、それはmenuです。私は次のような参照を作成しようとしました:

そして、各関数で次のmapように関数内を使用しようとしましたbutton:

しかし、その後、エラーが発生します：

React Hook "React.useRef" は、コールバック内で呼び出すことはできません。React Hooks は、React 関数コンポーネントまたはカスタム React Hook 関数で呼び出す必要があります react-hooks/rules-of-hooks

map 関数内で参照を使用できるように、これを動的に行うにはどうすればよいですか。回答の提案を試してみましたが、うまくいきませんでした。これが例のコードサンドボックスです。