reactjs - 如何使用 Expo（React-Native）在 ​​Web 浏览器中呈现 HTML 字符串？

Question

我正在使用react-native-webview-quilljs呈现格式化的 HTML 文本。它在 Android 和 iOS 上运行良好，但在 Web 上不受支持（即react-native-web/ expo-web）。所以我在浏览器上呈现格式化字符串时设法剥离了 HTML 标签（即呈现非格式化文本）。

然后我意识到它react-native-web实际上是用来在浏览器上React渲染react-native组件的。React 具有dangerouslySetInnerHTML允许注入 HTML 字符串直接在浏览器上呈现的功能。

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

经过仔细检查，我发现 html 标签在浏览器上呈现时被转换为 html 实体。看看下面的图片。

Answer 1

通过<div>在. dangerouslySetInnerHTML_Platform.OS === 'web'

例子：

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