gpt4 book ai didi

reactjs - 如何在 WebView (react-native-webview) 中注入(inject) React 组件?

转载 作者:行者123 更新时间:2023-12-04 04:08:39 27 4
gpt4 key购买 nike

有没有办法直接将 Web React 组件传递给 WebView?像这样的东西-

import ReactContainer from 'somewhere';
import { WebView } from "react-native-webview";

<WebView
source={{ html: "<ReactContainer/>" }}
></WebView>

最佳答案

您可以使用 renderToString() 将 React 组件渲染为其初始 HTML然后将其显示在您的 WebView 中,如下所示:

import { renderToString } from 'react-dom/server'
import ReactContainer from 'somewhere';
import { WebView } from "react-native-webview";

<WebView source={{ html: renderToString(<ReactContainer />) }}></WebView>;



更多关于 ReactDOMServer 的信息 here .

关于reactjs - 如何在 WebView (react-native-webview) 中注入(inject) React 组件?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/62108240/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com