Question

给出像

这样的电子网页视图

<webview
  minwidth="300"
  minheight="300"
  src="http://www.javascript-coder.com/files/window-popup/javascript-window-open-example1.html"
  allowpopups
></webview>

直接在app.html中使用它可以正常工作。

但是当我在react-component或ReactDom.render中使用它时，它会省略除src之外的所有道具。因此弹出窗口不会点击：

import React from 'react';
import { render } from 'react-dom';

render(
  <webview
    minwidth="300"
    minheight="300"
    src="http://www.javascript-coder.com/files/window-popup/javascript-window-open-example1.html"
    allowpopups
  />,
  document.getElementById('root')
);

在devtools我得到了

警告：未知道具minwidth，minheight，allowpopups已开启标签。从元素中删除这些道具。有关详情，请参阅 https://facebook.github.io/react/warnings/unknown-prop.html

提示：我使用最新的https://github.com/chentsulin/electron-react-boilerplate

有什么想法吗？

Answer 1

您需要将webview元素包装在React组件中，并让组件创建并将元素插入到componentDidMount()中的DOM中。有关详细信息，请参阅this issue。

无法在React组件中使用电子的webview属性

1 个答案: