TinyMCE反应，传入的数据无法动态呈现

Posted 2021-05-06

我在前端和Java后端上工作JS / React。

TinyMCE有很好的MoxieManager，但在php和.NET上运行良好。我创建了自己的文件浏览器。我使用Observer模式在MVC中传输数据。问题是，当我在TinyMCE反应部分收到（例如，url to picture）时，它不会动态渲染。它只在我再次打开带有嵌套图片的对话框时呈现。

当然，当我在React中将新值（传入值）重新分配给当前值时，我会调用setState。

有什么建议？

问候。

答案

一旦组件获得要显示的初始值，它就会接管，因此更新初始值无效。尝试强制重新渲染组件，我这样做的方法是通过改变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}
/>