首页 > 其他分享 >electron与react直接通讯

electron与react直接通讯

时间:2023-01-10 15:36:29浏览次数:40  
标签:www 通讯 process react electron params main

https://www.electronjs.org/zh/docs/latest/api/ipc-renderer

 

main.js

mainWindow.webContents.on('did-finish-load', () => {
    console.log(128888888,process.argv)
    mainWindow.webContents.send("from-main", process.argv);
 });

 

react

import { ipcRenderer } from 'electron';
 useEffect(() => {
        ipcRenderer.on('from-main',(event,params)=>{
            console.log(359,params[2])
            setLocationurl(params[2]);
        })
    }, []);

 

https://www.likecs.com/ask-3211063.html

标签:www,通讯,process,react,electron,params,main
From: https://www.cnblogs.com/xqschool/p/17040462.html

相关文章

  • 第二节:跨平台兼容/条件编译、页面路由(pages.json)、页面通讯(5种)、页面生命周期
    一.        二.        三.         !作       者:Yaopengfei(姚鹏飞)博客地址:http://www.cnblog......
  • React+TS请求方法参考
    React+TS请求规范 安装:axiosnpminstallaxios 新增请求文件在src目录里面新建api文件夹在api文件夹里面新建request.ts用于发起请求在api文件夹......
  • react 表单之upload上传 校验
    import*asReactfrom'react';importstylesfrom'./VideoEdit.module.scss';import{IVideoEditProps}from'./IVideoEditProps';import{Button,Form,Inp......
  • SimpleAdmin手摸手教学之:即时通讯
    一、前言作为前后端分离项目,前后端交互是一个非常重要的功能。目前主流框架都是通过Socket实现,本系统自然也是实现了基于Signalr的前后端交互,并在此基础上实现了基于MQTT......
  • 关于全志D1的SPI通讯问题
    D1的SPI,空闲的时候是低电平,而且每个字节CLK有9个脉冲,如图所示:以下是SPI的配置如果想将空闲时变成高电平,以及每个字节的CLK设为8个,可以尝试通过一下两个角度去分析。S......
  • 前端高频react面试题整理
    createElement和cloneElement有什么区别?createElement是JSX被转载得到的,在React中用来创建React元素(即虚拟DOM)的内容。cloneElement用于复制元素并传递新的props。区......
  • react的jsx和React.createElement是什么关系?面试常问
    1、JSX在React17之前,我们写React代码的时候都会去引入React,并且自己的代码中没有用到,这是为什么呢?这是因为我们的JSX代码会被Babel编译为React.createElement,我们来......
  • React面试:谈谈虚拟DOM,Diff算法与Key机制
    1.虚拟dom原生的JSDOM操作非常消耗性能,而React把真实原生JSDOM转换成了JavaScript对象。这就是虚拟Dom(VirtualDom)每次数据更新后,重新计算虚拟Dom,并和上一次生成的虚拟......
  • 社招前端react面试题整理
    什么是上下文ContextContext通过组件树提供了一个传递数据的方法,从而避免了在每一个层级手动的传递props属性。用法:在父组件上定义getChildContext方法,返回一个对象,......
  • React Hooks的理解,React Hooks有哪些,解决了什么问题
    一、是什么Hook 是React16.8的新增特性。它可以让你在不编写 class 的情况下使用 state 以及其他的 React 特性至于为什么引入hook,官方给出的动机是解决长......