如何在 Wordpress 插件中使用 ReactJS

Posted 2023-02-22

【中文标题】如何在 Wordpress 插件中使用 ReactJS

【英文标题】：How To Use ReactJS in Wordpress Plugin

【发布时间】：2016-02-16 10:08:44

【问题描述】：

我在 Wordpress 插件中使用 ReactJs 时遇到问题。

我正在使用 ReactJs 开发一个 Wordpress 插件。谷歌搜索仅在 Wordpress 主题中找到 ReactJs，而不是插件开发。

【问题讨论】：

我能够在基于 php 的插件中使用简码。不确定短代码如何与基于 React 的插件一起使用。

【参考方案1】：

我在插件管理页面上得到了它。

从一个工作的基于 PHP 的插件设置页面开始。 然后将设置UI页面中的所有PHP代码替换为

<div id="content"></div>

预转换 JSX。我无法让 JSX 转换即时工作。如果这在 Wordpress 中可能，我不是。

还遇到了文档未准备好的问题。这个问题解决了。

Invariant Violation: _registerComponent(...): Target container is not a DOM element

【讨论】：

不使用 Babel 时出现同样的错误。如果我包含 Babel，这个错误就会消失，一切都恢复正常。所以，如果你包含 3 个脚本，React、ReactDOM 和 Babel，并且在你的 app.js 中使用“text/babel”，这可以工作。没有 Babel，它就无法工作，我仍在努力解决。