如何使用Expo (React-Native)在Web浏览器中呈现HTML字符串？

Question

我使用react-native-webview-quilljs呈现格式化的超文本标记语言文本。它在安卓和iOS上运行良好，但在网络上(即react-native-web/expo-web)不受支持。因此，当在浏览器上呈现格式化字符串(即呈现非格式化文本)时，我设法剥离了HTML标记。

然后我意识到react-native-web实际上是使用React在浏览器上呈现react-native组件。React有一些类似dangerouslySetInnerHTML的东西，允许注入HTML直接在浏览器上呈现。

那么，有没有办法从react-native / expo项目中使用dangerouslySetInnerHTML呢？

经过仔细检查，我发现在浏览器上渲染时，html标记被转换为html实体。请看下图。

​

​

Answer 1

已通过在Platform.OS === 'web'时使用dangerouslySetInnerHTML道具渲染<div>解决了此问题(更愿意称其为解决方法)。

示例：

Platform.OS === 'web'
    ? <div dangerouslySetInnerHTML={{ __html: Details }} />
    : <View style={{flex: 1}}>
        <WebViewQuillJS
            backgroundColor={'transparent'}
            content={Details}
            isReadOnly
        />
    </View>