Reactjs 如何使用<;网络视图>;react组件中的方法

Reactjs 如何使用<;网络视图>;react组件中的方法,reactjs,webview,electron,Reactjs,Webview,Electron,我正在使用ReactJS和electron构建一个连接到各种服务器的仪表板。现在,在一个页面中,我有一个按钮,当它被点击时,它会在应用程序中使用标记呈现一个“webview”,但我没有得到整个页面,因为它需要一些额外的标题,比如langauge。我在这里的官方文档中看到,对于使用webview方法,我们首先必须加载webview元素,但我尝试了我脑海中的所有可能性,但没有找到解决方案 如果有人能让我知道我应该在哪里以及如何加载webview元素,以及如何在组件内部使用webview方法,我将不胜

我正在使用ReactJS和electron构建一个连接到各种服务器的仪表板。现在,在一个页面中,我有一个按钮,当它被点击时,它会在应用程序中使用标记呈现一个“webview”,但我没有得到整个页面,因为它需要一些额外的标题,比如langauge。我在这里的官方文档中看到,对于使用webview方法,我们首先必须加载webview元素,但我尝试了我脑海中的所有可能性,但没有找到解决方案

如果有人能让我知道我应该在哪里以及如何加载webview元素,以及如何在组件内部使用webview方法,我将不胜感激


谢谢。

保留webview的ref,最初不加载任何url

<WebView autosize={true} ref={(input) => { this.webview = input; }} src="data:text/plain" />
if (this.webview) {
  this.webview.loadUrl(url, {
    extraHeaders: ""
  });
}