如何在react组件中使用<webview>方法

Question

我正在构建一个使用ReactJS和电子链接到各种服务器的仪表板。现在在一个页面中，我有一个按钮，当它被点击时，它会呈现一个＆＃34; webview＆＃34;在使用标签的应用程序中，但我没有得到整个页面，因为它需要一些额外的标题，如langauge。我在这里的官方文档https://electron.atom.io/docs/api/webview-tag/中看到，为了使用webview方法，我们首先必须加载webview元素，但我尝试了所有可能的想法，但我无法想出解决方案。

如果有人能告诉我在哪里以及如何加载webview元素以及如何在组件中使用webview方法，请非常感谢。

感谢。

Answer 1

保留webview的参考，最初不加载任何网址

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

在componentDidUpdate（）中加载带有额外标题的网址

if (this.webview) {
  this.webview.loadUrl(url, {
    extraHeaders: ""
  });
}