問題タブ [react-ref]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
2 に答える
1137 参照

javascript - React Navigation ヘッダーで ref を使用する方法

ReactナビゲーションのnavigationOptionsにボタン(つまり検索アイコン)付きの検索バーを追加しています。navigate入力したテキストを関数で送信したいと思います。TextInput の参照を渡してネイティブ テキストを取得する方法がわかりません。以下は、これまでに行ったコードです。

しかし、navigationOptions静的であるため、thisその中にキーワードを使用することはできません。またstate、navigationOptions 内でも使用できません。refでは、ボタンを押したときに入力テキストを取得するにはどうすればよいでしょうか。


編集

TextInput~から価値を得たいref

その値を取得できるように

しかし、静的であるため、thisキーワードまたはstateinを使用できません。navigationOptionsボタンのクリック時に TextInput の値にアクセスするにはどうすればよいですか?

0 投票する
3 に答える
206 参照

reactjs - React Js: 別のコンポーネントで ref にアクセスする

1 つのコンポーネント (modalBox.js) に ref を含むテキスト ボックスがあります。ボタンのクリック時に (index.js) のような別のコンポーネントのテキスト ボックスの値にアクセスするにはどうすればよいですか?

0 投票する
1 に答える
136 参照

javascript - ! とはどういう意味ですか? 反応参照のコンテキストで意味しますか?

私は反応データグリッドのソースコードを調べていて、次の行に気付きました: #L107

私は何を理解できないようです!やっています。

0 投票する
1 に答える
457 参照

javascript - 単一の参照は、参照の配列、反応でフォーカスを設定できません

環境

  • ここではキーボードのみを使用し、マウス クリックは使用しません。
  • 10 行のテーブルがある画像。
  • 各行にはメニュー ボタンがあります。
  • 4項目のドロップダウンメニューがポップアップするタブ。(フォーカス ポイントはメニュー ボタンにあります)
  • 下矢印を押すと、フォーカス ポイントがドロップダウン メニューの最初の項目にあるはずです(これは私のコードでは機能しません)。

コード

私の理解

  • 私はこのこれを見ます
  • 参照の配列const listRefs = useRef([]);
  • マイリストはli
  • ref={listRef => (listRefs.current[index] = listRef)}