私の React アプリでは、Tab と Shift Tab の現在の機能を利用したいだけですが、上/下の矢印でも同じことができます。
Reacts の "useRef" と "focus" を使用してこの動作をエミュレートできることはわかっていますが、私のアプリには常に変化する要素が動的にレンダリングされます。
ユーザーの入力に基づいて再帰ツリーを作成する再帰コンポーネントを使用しています。また、子ノードの順序を (複数のフィールドと並べ替え順で) 並べ替えできるようにする予定です。
したがって、前/次の要素がどの「参照」になるかを知る (簡単な) 方法はありません。これにより、「ref.current.focus()」がほとんど使用できなくなります。
しかし、Dom がレンダリングされると、Tab と Shift Tab は思い通りに機能します...
...代わりに上/下矢印キーでこれを実行したいだけです（つまり、上矢印はShift Tabアクションを実行し、下矢印はTabアクションを実行します）。
React アプリで Tab/Shift Tab キーストロークをプログラムで送信する方法はありますか?
または、DOM が構築された後、何らかの方法で前/次の「兄弟」にフォーカスを変更します (つまり、ref.current.nextSibling.focus())?
これらのアプローチのいずれかを機能させることができないようです。