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

Question

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

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

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

Answer 1

您可以使用 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 .