代码之家 › 专栏 › 技术社区 › manAbl

如何从json获取中删除此p标记

fetch reactjs json arrays javascript

manAbl · 技术社区 · 7 年前

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

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

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

如何查找(&A);在我添加到状态之前替换p标记? 我试图在生命周期方法中做到这一点,但它总是给我带来错误

2 回复 | 直到 7 年前

edh4131 7 年前

除了使用regex进行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>', '')}));
}

可能有用,马头在评论中的回答也应该有用。如果没有,您能否分享实际的错误输出,以便我们进一步提供帮助。

matbou 7 年前

这应该可以做到:

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

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

推荐文章

Johhnny · 部署的Nodejs Express应用程序未收到来自内置React客户端的请求

3 年前

David · 如何多次使用fetch-get响应?

3 年前

Cuzto · 尝试用输入数据发送Id时出现React fetch错误

7 年前

Kiki · MYSQL中缺少第一行数据[重复]

7 年前

Lennert Hofman · 如何在酶中等待来自私人功能的承诺?

7 年前

manAbl · 如何从json获取中删除此p标记

7 年前

Mateus Felipe · 正在为ReasonReact应用程序从API获取数据

7 年前

ren · SpringBoot/Fetch:无效的mime类型“undefined”:不包含“/”

7 年前

Darren · ReactJS fetch-无法读取未定义的属性“map”

7 年前

Bhoomi Patel · 如何从laravel中的变量中获取值?

7 年前