如何在 Wordpress 插件中使用 ReactJS

     2023-02-22     66

关键词:

【中文标题】如何在 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,它就无法工作,我仍在努力解决。

如何在 Wordpress 插件中使用 ReactJS

】如何在Wordpress插件中使用ReactJS【英文标题】:HowToUseReactJSinWordpressPlugin【发布时间】:2016-02-1610:08:44【问题描述】:我在Wordpress插件中使用ReactJs时遇到问题。我正在使用ReactJs开发一个Wordpress插件。谷歌搜索仅在Wordpress主题中... 查看详情

如何在 WordPress 中使用 jQuery Cycle 插件?

】如何在WordPress中使用jQueryCycle插件?【英文标题】:HowtousethejQueryCyclePluginwithWordPress?【发布时间】:2010-10-2921:15:31【问题描述】:我已经尝试了我能想到的一切。不应该这么难。谁能给我解释一下使用jQuery和WordPress(特别是jQue... 查看详情

如何在 Wordpress 插件中使用 jQuery 从 Iframe 调用 Iframe?

】如何在Wordpress插件中使用jQuery从Iframe调用Iframe?【英文标题】:HowtocallIframefromanIframeusingjQueryinWordpressPlugin?【发布时间】:2019-05-2914:24:02【问题描述】:我有一个从WordpressWoocommerce商店中的iFrame调用的应用程序(WordPress插件)... 查看详情

如何使用“主题我的登录”插件在 wordpress 登录表单中自动填写字段?

】如何使用“主题我的登录”插件在wordpress登录表单中自动填写字段?【英文标题】:howtomakeautofillfieldinwordpressloginformusing"thememylogin"plugin?【发布时间】:2013-10-0711:11:21【问题描述】:我在wordpress中使用插件“主题我的登... 查看详情

如何使用 php 在 WordPress 插件中回显 json 数据 [重复]

】如何使用php在WordPress插件中回显json数据[重复]【英文标题】:HowtoechojsondatainWordPresspluginusingphp[duplicate]【发布时间】:2020-09-0307:31:48【问题描述】:我正在创建一个Courier跟踪插件并使用他们的API获取数据。它们返回的输出是JSO... 查看详情

如何在 WordPress 网站中使用 Zapier 插件为 Gravity Forms 创建多个逻辑条件?

】如何在WordPress网站中使用Zapier插件为GravityForms创建多个逻辑条件?【英文标题】:HowcanIcreatemultiplelogicalconditionsusingZapierpluginforGravityFormsinaWordPresswebsite?【发布时间】:2021-07-1410:27:08【问题描述】:我的网站在WordPress上运行,我... 查看详情

在 WordPress 插件开发中使用 javascript 验证

】在WordPress插件开发中使用javascript验证【英文标题】:UsingjavascriptvalidationinWordPressplugindevelopment【发布时间】:2016-11-1704:02:45【问题描述】:开始在WordPress中开发自定义数据库表格插件。当我开始在我的插件中使用jquery时,我已... 查看详情

React Native - 如何使用 JWT 令牌从 WordPress REST API 获取私人帖子

】ReactNative-如何使用JWT令牌从WordPressRESTAPI获取私人帖子【英文标题】:ReactNative-HowtogetprivatepostsfromWordPressRESTAPIusingJWTToken【发布时间】:2020-11-0805:40:14【问题描述】:我已经使用JWT插件通过管理员帐户和密码登录WordPressRestAPI,... 查看详情

WordPress 插件开发 - 如何使用 JQuery / JavaScript?

】WordPress插件开发-如何使用JQuery/JavaScript?【英文标题】:WordPressPluginDevelopment-HowtouseJQuery/JavaScript?【发布时间】:2013-05-2506:59:31【问题描述】:刚开始为WordPress开发插件,想在插件管理界面中使用一些JQuery。如何正确包含和调... 查看详情

创建 wordpress 插件时,如何在 jQuery 加载页面中启动挂钩?

】创建wordpress插件时,如何在jQuery加载页面中启动挂钩?【英文标题】:HowcaniinitiatehooksinajQueryloadedpagewhencreatingawordpressplugin?【发布时间】:2014-01-0221:21:54【问题描述】:我正在编写一个带有以下页面的wordpress小部件1)我有母版... 查看详情

如何在自定义插件中的 WordPress 自定义表单中添加验证

】如何在自定义插件中的WordPress自定义表单中添加验证【英文标题】:HowtoaddvalidationinWordPresscustomformincustomplugin【发布时间】:2019-03-0911:18:05【问题描述】:我已经制作了一个自定义表单并制作了一个自定义插件来发送电子邮件... 查看详情

您如何在 wordpress 中使用会话变量?

】您如何在wordpress中使用会话变量?【英文标题】:Howdoyouusesessionvariablesinwordpress?【发布时间】:2014-07-1118:45:23【问题描述】:我有以下插件:http://wordpress.org/support/plugin/wp-session-manager我不知道如何在WordPress中使用会话变量。根... 查看详情

如何在 React JS 页面中使用 Cordova 插件

】如何在ReactJS页面中使用Cordova插件【英文标题】:HowtouseaCordovaplugininreactJSpage【发布时间】:2018-11-0710:28:03【问题描述】:我想在我的reactJS应用程序中使用一些Cordova插件,但该应用程序一直失败。我知道cordova仅在运行时可用... 查看详情

如何调试 React 路由器?

...在我的react应用程序中使用ReactRouter,该应用程序绑定为wordpress插件并使用通量来获取api数据。我的入口点如下所示importReactfrom\'react\';importWorkshopsfrom\'./components/workshops\'; 查看详情

如何在wordpress主题中使用fontawesome

...寸的屏幕,省掉了做很多图片的麻烦。如果你想在自己的WordPress主题中使用FontAwesome,下面介绍了方法。安装插件FontAwesomeIcons我的博客有很多代码,但今天我要把插件放在前面,不希望大家觉得在WordPress中使用插件就一定会降低... 查看详情

如何在 WordPress 插件页面中插入 youtube 视频?

】如何在WordPress插件页面中插入youtube视频?【英文标题】:HowinsertayoutubevideoinaWordPresspluginpage?【发布时间】:2014-08-1004:40:53【问题描述】:我为WordPress创建了一个插件,并将其上传到了Wordpress插件库。现在,我想在插件描述中... 查看详情

如何保存我的 Wordpress 插件中的设置?

】如何保存我的Wordpress插件中的设置?【英文标题】:HowtosavethesettingsfrommyWordpressplugin?【发布时间】:2015-11-0812:36:36【问题描述】:我目前正在制作一个带有设置页面的wordpress插件,用户可以在其中输入图像、名称和URL,然后使... 查看详情

如何在使用 docker 首次安装 wordpress 时自动激活插件

】如何在使用docker首次安装wordpress时自动激活插件【英文标题】:Howtoautomaticallyactivatethepluginwhilewordpressfirstinstallationusingdocker【发布时间】:2019-11-0100:00:13【问题描述】:在Docker上安装wordpress。我已经使用预装在dockerhub上的插件... 查看详情