問題タブ [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 投票する
1 に答える
792 参照

reactjs - N 個のコンポーネントの ReactJS createRef、すべてがリストの最後のコンポーネントを指します

アプリ、親、子の 3 つのコンポーネントがあります。アプリは、Parent が提供するメソッドを使用して、子を Parent に登録します。これは、親が包含している子の参照を収集する (依存関係マップを作成する) ためのものです。

子には、作成された参照を介して親によって呼び出される Animate という名前のメソッドがあります。

dependencyMap を印刷しようとすると、期待どおりに配列が生成されていることがわかります。

しかし、dependencyMap を使用して Parent から子コンポーネントにアクセスしようとすると、常に子のリストの最後のコンポーネントが呼び出されます。

つまり、Parent.js 内で animateDependentChildren を使用して < CustomComponent > をアニメーション化しようとすると、CustomComponent1 に correctId を渡しても、CustomComponent2 だけがアニメーション化されます。

ここで何が間違っているのか分かりますか?React.createRef を使用して複数の参照を作成し、後で個別に呼び出すことはできませんか?

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

reactjs - React Native TextInput の参照を作成する際の TypeScript の問題

参照を定義するときに問題に遭遇しました。つまり

アクセスする.focus()と、次のエラーが表示されます。

[ts] プロパティ 'focus' はタイプ 'never' に存在しません。[2339]

createRefこの参照が存在する可能性があるか、nullまたは存在する可能性がTextInputあることを知っていることをどうにかして伝えることができ.focus()ますか?