如何从 React Native 项目中从 WordPress API 端点获取的数据中删除 HTML 字符？

Question

我正在开发一个要求我从 WordPress 网站获取帖子的 React Native 项目，这是我的代码

render() {
if (this.state.isLoading){
    return(
    <View style={{flex: 1, justifyContent: 'center',}}>
        <ActivityIndicator />
    </View>
    )
    }
    else{

let posts = this.state.data.map((post, index) => {
    function strip_html_tags(str)
    {
       if ((str===null) || (str===''))
           return false;
      else
       str = str.toString();
      return str.replace(/<[^>]*>/g, '');
    }

  return (
          <ListItem thumbnail key={index}>
            <Left>
              <Thumbnail square source={{ uri: post.jetpack_featured_media_url != null ? post.jetpack_featured_media_url : 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJYAAACWBAMAAADOL2zRAAAAG1BMVEXMzMyWlpajo6PFxcW3t7ecnJyqqqq+vr6xsbGXmO98AAAACXBIWXMAAA7EAAAOxAGVKw4bAAABPUlEQVRoge3Tv0/CQBjG8YcWaMcebymOENLI2MZoHMHEvVUKjq1K4lhM2Kvxx7/tUUiamDhc6GSez8INzbf3HleAiIiIiIiIiIiIiNozAGzvuJYTW2reXmso7bX8YN96HUR1a7RZ6+VVOgU+p4LuZGrSkqK0PWfwfl+3ht/hcpdvPkJ0g0fBYpYZtS7HttfPMatbAbZzJ1kjjnqVK1ihNzdpdX3b65S4qVsjXbG9EtuoEzliC/RbDFoIL7wY2NZrQayPzw1VpH/FUUqNjVrx0+9W8Rzrlt7yMMvMWq7fzHhoCTp6Rr0vw0uiH8+as69bov/AyNqf/Rms3Ky1aO7EYV93X2nlBIXg7WVSmrWs5q4eWrvVdYLbpR4/PTeZ8S9O82mdzMr7SVstV6mqrRaKh9ZSRERERERERET0n/wAZwMqI9kyPcoAAAAASUVORK5CYII=' }} />
            </Left>
            <Body>
              <Text>{strip_html_tags(post.title.rendered)}</Text>
              <Text note numberOfLines={2}>{strip_html_tags(post.excerpt.rendered)}</Text>
            </Body>
            <Right>
              <Button transparent>
                <Text>View</Text>
              </Button>
            </Right>
          </ListItem>
  );
});

使用一些 HTML 特殊字符呈现的帖子，我使用此代码删除了一些

    function strip_html_tags(str)
    {
       if ((str===null) || (str===''))
           return false;
      else
       str = str.toString();
      return str.replace(/<[^>]*>/g, '');
    }

但是有些不会 go 出来。 我仍然得到这个：

截屏

Answer 1

解决方案是使用 react-native-render-html 或 react-native-webview 库。 Wordpress rest api 响应包含一些 ZFC35FDC70D5FC69D269883A822C7App.53EZ 标签，因此需要删除

如何从 React Native 项目中从 WordPress API 端点获取的数据中删除 HTML 字符？

问题描述

1 个解决方案

解决方案1
0 2019-10-22 00:51:40

如何从 React Native 项目中从 WordPress API 端点获取的数据中删除 HTML 字符？

问题描述

1 个解决方案

解决方案1 0 2019-10-22 00:51:40

解决方案1
0 2019-10-22 00:51:40