Wordpress Headless 使用 wp-api 进行 reactJS答案

【问题标题】：Wordpress Headless to reactJS with wp-apiWordpress Headless 使用 wp-api 进行 reactJS
【发布时间】：2020-05-29 21:39:51
【问题描述】：

我想制作一个带有 wordpress 无头服务器的应用程序和一个带有 wp-api 的前端反应应用程序。

我可以使用 html 标签获取我的数据。我想将我的 html 构建为 react，而不是 wordpress。

我不知道该怎么做，我试图用 wpautop 修剪 html，它把内容变成纯文本 (https://codex.wordpress.org/Function_Reference/wpautop)，但现在我卡住了，因为如果我需要放一张图片或在我的内容中间有一个带有这个明文的列表：D？我不知道是否有解决方案，这就是我在这里问的原因。

问候！

【问题讨论】：

标签： json reactjs wordpress

【解决方案1】：

创建一个通用函数，用于在 react 端移除 HTML 标签。

removeTags = (str) => {
  if ((str===null) || (str===''))
  return false;
  else
  str = str.toString();
  return str.replace( /(<([^>]+)>)/ig, '');
}

并在您从 Wordpress API 获取数据时调用它，例如：

this.removeTags(post.excerpt.rendered)

您可以查看我的回购以获取更多信息：

https://github.com/BRdhanani/headless-wordpress-with-react

【讨论】：