問題タブ [react-forwardref]

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 に答える
147 参照

javascript - React 文字列を html として解析し、forwardRef を使用して関数を DOM に適用する

ReactJs プロジェクトでは、com.wiris.js.JsPluginViewer.parseElement(ref, true, function () {});関数で解析しようとしています。

ドキュメントによると、その関数はDOM上の特定の要素に適用されます。純粋な JavaScript のサンプルでは、​​最初に dom 要素の innerHTML を設定してから関数を適用します。

そこで、React では refs を使って処理しようと考えました。(それが最善の方法かどうかはわかりません)

HTMLとしてレンダリングされる文字列を含む配列があります。すべての参照を配列として取得しuseRef([])、次を使用して各要素の参照を設定しますrefs.current[index]

タイプに応じて、文字列を直接レンダリングするdangerouslySetInnerHTMLか、ラッパー コンポーネントを使用して、その特別な関数を使用する子コンポーネントでレンダリングします。

しかし、WirisWrapper で関数を適用する前に、ref の innerHTML プロパティに到達できませんでした。私は試しref.innerHTML てみましたref.current.innerHTML

親としてのパーサー

子としての WirisWrapper

0 投票する
0 に答える
115 参照

reactjs - forwardRef props のジェネリック インターフェイスを正しく入力する

React で前方参照を入力する方法について Stack Overflow で多くの回答を見てきましたが、一部の回答はアプリケーションの特定の部分で機能しますが、この場合はどれも機能しません。

React Native を使用しており、forwardRef でラップされた View コンポーネントを返します。ref パラメーターを入力することはできましたが、TS コンパイラーを満足させる props インターフェイスを作成できないようです。私が得たエラーについて奇妙なのは、 props インターフェイスを入力すると、参照をコンポーネントに渡すときにエラーがスローされることですが、私が言うように、参照は既に入力されています。これが私がしなければならない場所です:

TS コンパイラはref={ref}、props インターフェイスをタイプからany上記のものに変更すると、ここで and エラーを強調表示します。

何も使わずにこれを入力するにはどうすればよいですか?