草庐IT

Electron-React

全部标签

javascript - 读取本地文件的 Electron 功能 - FS - 不读取

当我需要获取Electron来读取本地文件时,我有一个Electron项目。现在我拥有的是这个,它加载并显示html文件的内容。我现在只需要它来读取文件并将其存储在变量中。这是我当前的main.js:const{app,BrowserWindow}=require('electron');constpath=require('path');consturl=require('url');varfs=require('fs');letmainWindow;functioncreateNewWindow(){mainWindow=newBrowserWindow({width:1300,h

javascript - HTML5 音频未在本地主机的 React 应用程序中播放

我正在使用React.js和HTML5网络音频javascriptAPI制作一个mp3播放器。我刚刚学习React两周,所以我只是习惯了结构和设置(使用组件等),但是我有几年的JavaScript经验。我在浏览器中使用React时让mp3播放器正常工作。IE。我有一个index.html文件,我包含了React脚本,如下所示:现在我想习惯使用命令行和本地主机构建React应用程序,因此我开始重写代码以在该环境中使用。我首先按如下方式创建骨架应用程序:create-react-appmy-appcdmy-app/npmstart然后我添加了我自己的组件等。该应用程序在localhost:

javascript - 具有受控输入的无状态 React 组件

目前,为了使受控输入在无状态React组件中工作,我将无状态组件包装在Sate完整组件中。例如,constInputComponent=(props)=>{return();}classAppextendsReact.Component{constructor(props){super(props);this.state={name:'Tekeste'};this.handleChange=this.handleChange.bind(this);}handleChange(event){this.setState({name:event.target.value});}render(

javascript - 将数据从子组件传递到父组件 - react - 通过回调函数

通过回调函数将数据从子组件传递到父组件但不知何故它不起作用。我在这里做错了什么?将数据从子组件传递到父组件-react-通过回调函数https://codepen.io/silentarrowz/pen/GEMQEP?editors=0010这是代码classAppextendsReact.Component{constructor(props){super(props);this.state={input:'thisistheinputfornow'}//this.handleInput=this.handleInput.bind(this);}handleInput(x){this

javascript - 在 React 中将光标发送到输入值的末尾

我在单击删除时动态地将一个值传递到我的输入字段(以便编辑最后一个输入条目)。我可以看到,在Chrome中,一旦呈现输入值,光标就会显示在单词的开头,而在Safari和Firefox中,光标会出现在值的末尾,但最后一个字母会被删除。如何在不删除最后一个字母的情况下始终看到光标在末尾(除非我按退格键两次)?tagEvent(e){consttag=this.text.value;consttagGroup=tag.split("");consttiles=this.props.tiles;consthasTiles=Object.keys(tiles).length>0;if(e.keyC

javascript - Electron 生成器 : Not allowed to load local resource: app. asar/build/index.html

我在使用electronbuilder时遇到问题,控制台出现空白页面和错误:Notallowedtoloadlocalresource:file:///C:/Users/emretekince/Desktop/DCSLogBook/client/dist/win-unpacked/resources/app.asar/build/index.html主要.jsconststartUrl=process.env.ELECTRON_START_URL||url.format({pathname:path.join(__dirname,'/build/index.html'),protoco

javascript - 在 React 中调整窗口大小的操作

我正在尝试执行调整大小操作,该操作将返回窗口的宽度并使用React动态渲染它。这是我得到的:classWelcomeextendsReact.Component{constructor(){super();this.state={WindowSize:window.innerWidth}this.handleResize=this.handleResize.bind(this);}handleResize(WindowSize,event){this.setState({WindowSize:window.innerWidth})}render(){returnHello;}}Reac

javascript - 在同构 React 应用程序中渲染 HTML 字符串

存在非SPA场景,使用经过净化但随机的HTML字符串作为输入:.........该字符串源自WYSIWYG编辑器,包含嵌套的常规HTML标记和有限数量的应呈现给小部件的自定义元素(组件)。目前像这样的HTML片段应该在服务器端(Express)单独呈现,但最终也会作为同构应用程序的一部分在客户端呈现。我打算使用React(或类似React的框架)来实现组件,因为它可能适合这种情况-它是同构的并且可以很好地呈现部分。问题是像这样的子串应该变成JSX/TSX组件在某些时候,我不确定什么是正确的方法,但我希望它是一个常见的任务。如何在React中解决这个问题? 最

javascript - react-bootstrap 中的 controlId 是什么

我刚刚浏览了React-bootstrapformcontrolId的用途是什么?它类似于我们在旧版中使用的name吗?>whatistheuse?validationState={this.getValidationState()}>WorkingexamplewithvalidationValidationisbasedonstringlength. 最佳答案 你可以找到它hereinthev3docs:SetsidonandhtmlForon.基本上是输入的id和标签的for属性。

javascript - 如何从 Electron 中的 webview.executeJavaScript 获取返回值

大家好,在我的项目中,我有三个js文件,ma​​in.js、browser.js和inject.js,在browser.js我已经实现了所有与我的webview相关的点击操作和许多功能,从这里我有一个点击操作来从加载到webview的网页中获取用户名,为此我在中创建了一个函数>inject.js从页面获取内容和元素我在Inject.js文件中得到了值,但在Browser.js文件中我得到了未定义的值这里是我的示例代码:browser.jsvarproName=webview.executeJavaScript('__myInjection.profileName()');inject.