在Reaction中可以建立一个主题吗?

时间:2018-03-22 作者:DᴀʀᴛʜVᴀᴅᴇʀ

搜索Google和查询下的站点档案React 我发现了几个有趣的问题:

并阅读theme development documentation 其中指出:

WordPress主题至少由两个文件组成:

风格。css索引。如果在反应部分index.html 已替换为index.phpsyle.css 与样式表标题一起放置在主级别上。是否有任何原因导致网站前端无法工作?

React应用程序将调用API,因此如果我调用http://foobar.com/wp-json/wp/v2/posts/. 我会为主题添加一个PNG,但根据研究,我还没有找到更好的替代方案,我正试图阻止在子域上有一个WP实例,在主域上有一个React站点。在React WordPress主题中是否会有任何问题?

1 个回复
最合适的回答,由SO网友:Tom J Nowell 整理而成

是否可以在React中构建主题?

你可以在主题中使用React是的,如果你的主题只有一个模板,并且依赖JS渲染整个前端并导航、拉入数据,那么我看不出如果你使用或不使用React会有什么不同

是否有任何原因导致网站前端无法工作?

您必须考虑各种URL并在react应用程序中加载数据,但此时这是一个react问题,而不是WP问题。

React应用程序将调用API,因此如果我调用http://foobar.com/wp-json/wp/v2/posts/

这里没问题

我所关心的一个问题是,当您在应用程序周围单击时,您需要自己管理路由,并确保当您访问第一次加载时不是主页的内容时,它加载了正确的内容。但这是一个React路由器问题(假设这是用于路由的库)

子域上的WP实例和主域上的React站点。

这听起来像是一种让事情变得不必要的复杂化的好方法。只需让主题服务于React应用程序。如果主题是React、jQuery或主干,那么从主题中加载资源也是同样的问题,浏览器也会以同样的方式加载资源。只需告诉你的JS主题URL在哪里。

在React WordPress主题中是否会有任何问题?

这是一个非常开放的问题,取决于你想做什么。

老实说,听起来你在寻求安慰。记住,React是javascript。可以在主题中使用javascript,也可以在主题中从javascript调用REST API。不管是什么UI框架为代码提供动力,如果是React、Vue、jQuery、vanilla JS、angular,都是JS。

如果您想处理加载帖子并在javascript中呈现它们,那么很好,您可以这样做。如果你选择“反应”作为实现这一目标的手段,那么这取决于你自己。

不过,您需要做一些显而易见的事情:

请记住,您需要打电话wp_footerwp_head, 所以你需要header.phpfooter.php, 您还需要functions.php 因此,您可以将JS和样式排队。

不过,这些都不是特定于React的,每个主题都应该这样做。您可能还希望将WP API脚本排队,以便它传递REST API url。同样,这并不特定于React应用程序。

但最重要的是,没有反应主题。有些主题恰好使用React。很容易将其视为不同的东西,但它实际上只是JS在一天结束时的一个相当空洞的主题中

结束

相关推荐

Php致命错误:无法将WP_REST_RESPONSE类型的对象用作wp-includes/rest-api/endpoints/class-wp-rest-posts-controller.php中

我向WordPress添加了一个自定义端点,如下所示: add_action( \'rest_api_init\', function () { register_rest_route( \'menc/v1\', \'/crosscat/(?P[\\w-]+)/(?P[\\w-]+)\', array( \'methods\' => \'GET\', \'callback\' => \'dept_cat_api\',&#x