React Native -解码HTML实体

eblbsuwk 于 2023-01-02 发布在 React

关注(0)|答案(1)|浏览(127)

我有一个React本地博览会应用程序，并试图解码一些html实体。
我尝试使用html-entities包，但它似乎不工作，因为我Map通过一个状态组件/数组返回/呈现我的数据。示例代码如下。解码不是解码实体。任何例子，这工作在这种方式的任何一个？
正在从API调用设置状态，从数据库拉取记录。

import { decode } from "html-entities";

function Discover = async() => {
const [freeMedia, setFreeMedia] = useState([{title:She&quot; hysterical&quot;, description: test &amp; test}]);

return(
{freeMedia && freeMedia.length > 0
              ? freeMedia.map((uploads) => {
return(
<View>
<Text>{decode(uploads.title)}></Text>
<Text>{decode(uploads.description)}></Text>
</View>
)
})
: null}
)
}

react-native

来源：https://stackoverflow.com/questions/74971529/react-native-decode-html-entities

1条答案

按热度按时间

i2loujxw1#

您的属性不是字符串，并且您引用的是freeMedia.title（未定义）而不是uploads.title：

import { decode } from "html-entities";

function Discover = async() => {
    const [freeMedia, setFreeMedia] = useState([{ title: "She&quot hysterical&quot", description: "test &amp test" }]);

    return(
        {freeMedia && freeMedia.length > 0
            ? freeMedia.map((uploads) => {
               return(
                   <View>
                      <Text>{decode(uploads.title, { level: "html5" })}></Text>
                      <Text>{decode(uploads.description, { level: "html5" })}></Text>
                  </View>
               )
            })
            : null}
    )
}

赞(0）回复(0）举报 2023-01-02

我来回答

React Native -解码HTML实体

1条答案

相关问题

热门标签

最新问答