Reactjs 通过将变量设置为内容参数来应对tinymce故障

我在设置

npm react tinymce

时遇到问题。版本

3.10.10

。 问题是，在我安装包并添加组件之后，有一个名为

content

的参数，我应该在其中插入数据。不知何故，它只需要一个字符串值。若我试图将其设置为变量或表达式，那个么它什么也不做，并且控制台中并没有错误。以前有没有人遇到过同样的问题？下面是我如何设置组件的简短示例：

<TinyMCE
  content = {this.state.text}
            onChange={this.handleEditorChange}
/>

在这种情况下，它显示空白编辑器。 下面是它如何正确工作的示例：

<TinyMCE
 content = 'Any string will display the text correctly'
            onChange={this.handleEditorChange}
/>

---

我也遇到了同样的问题，并最终找到了问题所在。传递给组件的值是原始值。一旦收到，组件将接管并处理内容状态，而不管是否向其传递了新值。所以，若要传递一个字符串，那个么它是一个常量，并且它存在于组件的初始渲染中。但是，如果要传递变量，则变量的初始值可能与要显示的值不同（例如，在组件接收到要显示的值之前，它可能为null或未定义）。在本例中，我收到一个包含页面内容的对象，其中一个是要显示为初始内容的html。但是render方法首先是使用空对象激发的，然后是使用包含数据的实际对象激发的。我所做的是为我的微型mce包装器设置一个键，该键的值为对象的id

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

我已经从

npm

测试了

react tinymce

。它可以与文字字符串或任何字符串变量一起正常工作。您确定传递的

内容

参数是字符串还是

tinymce

使用的任何格式？@Firice Nguyen感谢您的回复。我百分之百肯定。这两种情况的唯一区别是，我用字符串内容设置变量，但它似乎不起作用。下面是一个不工作代码的示例：

let test='只是一个常规字符串'对未格式化的代码表示歉意。我只是不知道如何写得好。如果你能给你的
tinymce
编辑器拍张照片就好了。我想知道你的设置是否正确。您是否尝试过使用
tiny-mce4
？可能您可以尝试使用此链接包含最新的
tinymce
，我没有听说过
tiny-mce4
。我也会试试。谢谢听着，我正在为tinymce设置这个链接：。我将模块导入到我的组件中，然后将
handleEditorChange
方法添加到同一组件中，然后安装包并将其保存到json文件的开发依赖项中。最后一件事是，我还将这个脚本
添加到Web包的异常中，目的是在构建过程中不会删除它。也许你可以告诉我更具体的信息，你也需要。伟大的救世主！那就接受正确的答案吧！很容易忘记为单个组件使用关键道具。谢谢你提醒我。