Wordpress Headless до reactJS с wp-api

Question

Я хочу создать приложение с безголовым сервером wordpress и приложение для реагирования на интерфейс с wp-api.

Я могу получить свои данные, но с тегами html. Я хочу встроить свой html в реакцию, а не в wordpress.

Я не знаю, как это сделать, я попытался обрезать html с помощью wpautop, который делает контент как простой текст (https://codex.wordpress.org/Function_Reference/wpautop), но теперь я застрял потому что, что, если мне нужно поместить изображение или список в середину моего контента с этим открытым текстом: D? Не знаю, есть ли решения для этого, поэтому и спрашиваю здесь.

С уважением!

Answer 1

Создайте одну общую функцию для удаления тегов 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