2017-10-09 32 views
0

我在前端和Java後端的JS/React上工作。TinyMCE反應,傳入的數據不能動態呈現

TinyMCE有很好的MoxieManager,它工作得很好,但在PHP和.NET上。我創建了我自己的文件瀏覽器。我使用Observer模式在MVC中傳輸數據。問題是,當我收到(例如,圖片中的url)TinyMCE反應部分時,它不會動態呈現。它僅在我再次打開嵌套圖片的對話框時呈現。

當我在React中重新分配新值(傳入值)到當前值時,我當然會調用setState。

有什麼建議嗎?

問候。

回答

0

一旦組件獲得了要顯示的初始值,它就會接管,因此更新初始值不起作用。嘗試強制重新渲染組件,我這樣做的方式是通過更改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} 
/>