問題タブ [virtual-dom]

私の React アプリは、指定された CSS セレクターによって DOM に挿入する必要があるコンテンツを読み込むために、サード パーティのサービス呼び出しを行います。ページのどこにでも配置できます。仮想DOMが更新され、変更されないようにするために、指定されたセレクターによってこのコンテンツをReactアプリにどのように正確に挿入できますか?

イメージング、これは React アプリに挿入したいサード パーティの応答オブジェクトです。

私は React の世界に少し慣れていませんが、アプリを動的に更新するときの仮想 DOM の課題には精通しています。Reactアプリにすべてのコンポーネントが既に更新されている場合、Reactにこのコンテンツを挿入するためにフロントエンドを更新してもらいたいです。

アプリを変更することはできますが、アプリを機能させる必要があることに注意してください。

現在、React 用の「Handsontable」ラッパー (react-handsontable) を使用しています。

私が抱えている主な問題は<select>、ラッパーによって作成されたフィールドにフックして、アプリケーションの状態を変更できることです。

(仮想 DOM ではなく) DOM にある入力にフックしonchange、コンポーネントの状態を変更する必要があります。

どうすればこれを達成できますか。