我从一个包含一些html实体的API获取以下字符串。我想把它们转换成可读的文本。我该怎么做?React Native中是否有任何内置方法可以做到这一点?在没有任何外部库的情况下完成它将是一个加分项。
"This era of design where there was still some "whimsy" is some of my favorite Apple work too. The austere modern era where <i>everything</i> is a slab of glass fronted metal has lost so much of the joy that was found in their earlier computers.<p>If you want a touch screen computer that used this design optimized for sketching, Microsoft took it to the logical conclusion with the Surface Studio:<p><a href="https://www.microsoft.com/en-us/d/surface-studio-2/8sbjxm0m58t4?activetab=pivot:overviewtab" rel="nofollow">https://www.microsoft.com/en-us/d/surface-studio-2/8sbjxm0m5...</a><p>This is much better for sketching, as can reach a much flatter angle than the G4 iMac ever could. It also holds its angle quite a bit more securely (I've used both). While I'm not a massive Windows user, the physical aspects of the Surface Studio are pretty nice and much more interesting to me than the latest iMacs."
您可以使用react-native-render-html
来呈现html
内容。
import React from 'react';
import { useWindowDimensions } from 'react-native';
import RenderHtml from 'react-native-render-html';
const source = {
html: `
"This era of design where there was still some "whimsy" is some of my favorite Apple work too. The austere modern era where <i>everything</i> is a slab of glass fronted metal has lost so much of the joy that was found in their earlier computers.<p>If you want a touch screen computer that used this design optimized for sketching, Microsoft took it to the logical conclusion with the Surface Studio:<p><a href="https://www.microsoft.com/en-us/d/surface-studio-2/8sbjxm0m58t4?activetab=pivot:overviewtab" rel="nofollow">https://www.microsoft.com/en-us/d/surface-studio-2/8sbjxm0m5...</a><p>This is much better for sketching, as can reach a much flatter angle than the G4 iMac ever could. It also holds its angle quite a bit more securely (I've used both). While I'm not a massive Windows user, the physical aspects of the Surface Studio are pretty nice and much more interesting to me than the latest iMacs."`
};
export default function App() {
const { width } = useWindowDimensions();
return (
<RenderHtml source={source} contentWidth={width}/>
);
}