如何从json fetch中删除此p标记

时间:2018-03-28 22:55:05

标签: javascript arrays json reactjs fetch

我正在使用React和fetch从api获取这些数据我删除了我的p标签,但仍然出现在那里,而不是我想要的。我认为json数据中的文本有一个p标记。我如何删除它?Error to be handled

我在生命周期方法componenDidMount上使用fetch:

componentDidMount() {
    fetch(API).then(response => response.json()).then(data => this.setState({ quotes: data}));
  }

我怎样才能找到&在添加到状态之前替换p标签? 我试图在生命周期方法中做到这一点,但它一直让我犯错误

2 个答案:

答案 0 :(得分:0)

这应该这样做:



let demoJSON = {
  field: "<p>Hello World</p>"
}

console.log(demoJSON.field.replace(/(<([^>]+)>)/ig, ""));
&#13;
&#13;
&#13;

答案 1 :(得分:0)

除了使用正则表达式的matbous回答之外,你可以直接替换标签:

let demoJSON = {
 field: "<p>Hello World</p>"
}

demoJSON.field.replace('<p>','').replace('</p>', '');

console.log(demoJSON.field);

componentDidMount() {
   fetch(API).then(response => response.json()).then(data => this.setState({ 
quotes: data.replace('<p>','').replace('</p>', '')}));
}

应该可以工作,所以@Matou在他的评论中应该回答。如果没有,你可以分享实际的错误输出,以便我们可以进一步提供帮助。