嗨，我是 React/JS 和 Electron 的新手，想使用这些技术编写一个桌面应用程序。
我现在面临的问题是我不确定如何从 renderer.js 调用 react 组件代码。我有这样的编码结构。
Electron 教程
src/
components/Test.js
application.js
electron-starter.js
mainWindow.html
package.json
包.json:
"main": "src/electron-starter.js",
const application = require("./application");
global.application = new application();
global.application.run();
odule.exports = class Application {
createWindow() {
this.mainWindow = new BrowserWindow({
width: 1366,
height: 768,
...
pathname: path.join(__dirname, "./mainWindow.html"),
<body>
<div id="test"></div>
<script src="./renderer.js"></script>
</body>
渲染器.js
"use strict";
const { shell } = require("electron");
function hoge() {
console.log("hoge");
}
window.hoge();
测试.js
import React from "react";
export class Test extends React.Component {
render() {
return <h1>Hello from Test class</h1>;
}
}
最佳答案
当您刚刚开始时，我建议您使用像 Electron-React 这样的样板。 .
关于javascript - 如何从 renderer.js 调用 react 组件代码？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/66692671/