React + electronjs 实现桌面软件开发引入 electronjs 及 node api

2021-03-17 17:26

阅读：594

标签：col bsp react link reload out ext exp path

React 与 electronjs 安装及运行请百度。

electronjs中引入 React

// electronjs 目录下的 main.js，loadFile修改为 loadURL
// mainWindow.loadFile(‘index.html‘)
mainWindow.loadURL("http://localhost:3000/");

// electronjs 目录下的 preload.js 最底下追加
// load Api 需要什么 api 就引入什么api
const loadApi = [
  ‘electron‘, // 引入 electron
  ‘mysql‘, // 引入 mysql
];
loadApi.map((item)=>{
  global[item] = require(item);
});

React中调用 preload.js文件中暴露的 api

import React,{Component} from ‘react‘;
import { HashRouter as Router, Link, Route } from ‘react-router-dom‘;
import ‘./App.css‘;
import { Button } from ‘element-react‘;
const Home = () => (
  
    Home
  
)

const About = () => (
  
    About
  
)

const Product = () => (
  
    Product
  
)
// const electron = window.electron
class App extends Component {
  Test(){
   
  }
  render(){
     const { electron } = window.electron;
    // console.log(window.electron);
    return (
      
            Home
            About
            Product
            


            )
  }
}

export default App;

React + electronjs 实现桌面软件开发引入 electronjs 及 node api

标签：col bsp react link reload out ext exp path

原文地址：https://www.cnblogs.com/xiaqiuchu/p/12386282.html

上一篇：Windows 性能计数器

下一篇：NX二次开发-NXOPEN C#项目如何设断点调试代码

文章来自：搜素材网的编程语言模块，转载请注明文章出处。
文章标题：React + electronjs 实现桌面软件开发引入 electronjs 及 node api
文章链接：http://soscw.com/index.php/essay/65405.html

亲，登录后才可以留言！

React + electronjs 实现桌面软件开发引入 electronjs 及 node api

Home

About

Product

评论

热门文章

推荐文章

最新文章

置顶文章