TinyMCEが反応し、受信データが動的にレンダリングされない

Question

私はJS/React on frontendとJava backendで作業します。

TinyMCEには、PHPと.NET上でうまく動作する素敵なMoxieManagerがあります。私は自分のファイルブラウザを作成しました。 MVCでデータを転送するためにObserverパターンを使用します。問題は、私がTinyMCEの反応部分で（例えば、url to picture）受け取ったときに動的にレンダリングされないということです。ネストされた画像を持つダイアログを再び開くとレンダリングされます。

私は新しい値（入力値）をReactで現在のものに再割り当てするともちろんsetStateを呼び出します。

提案がありますか？

よろしくお願いいたします。

Answer 1

コンポーネントに表示する初期値を取得すると、その値が引き継がれるため、初期値を更新しても効果はありません。コンポーネントの再レンダリングを強制してください。私がやっているやり方は、key属性を変更して、それがコンポーネントの別のインスタンスだと思うように反応させることです。

<TinyMCE 
    key={aRandomValueThatChangesWhenIncomingValue} // this line makes the trick 
    content={yourContent} 
    config={{ 
     plugins: "link image lists print preview", 
     toolbar: 
      "undo redo | bold italic | alignleft aligncenter alignright | bullist numlist", 
    }} 
    onChange={handleEditorChange} 
/>