![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
React相关
文章平均质量分 63
@魏大大
老夫走了
展开
-
Property ‘electron‘ does not exist on type ‘Window & typeof globalThis‘. Did you mean ‘Electron‘?
在使用IPC实现Election主进程和渲染进程通信的过程中,会在前端调用的时候遇到类似的Typescript错误(但是并不影响代码的执行)。造成这种错误的原因是:Typescript不知道对象实例。文件之后,必须把这个文件的名称在。里面配置,否则官方教程不会生效。这样就可以立即解决问题!对象,提示语法错误。原创 2022-12-12 16:32:47 · 1970 阅读 · 1 评论 -
03-JSX的语法规则
JSX是React为了方便创建虚拟DOM创建的一门新语言,语法类似于HTML,但是稍有区别。JSX全称,一种类似于XML的JS扩展语法(JS+XML)。其本质是方法的语法糖。JSX中可以使用JS原生的表达式,例如在JSX语句中插入JS变量:上例中使用包裹JS表达式(这里式变量)实现在JSX中插入JS变量。执行后的HTML结果如下:3. className属性在JSX中不能直接使用指定标签的属性名,必须使用:4. 内联样式如果需要直接在标签上添加样式,需要使用语法:注意: 此处的双花括号并不是一体原创 2022-12-06 17:01:45 · 379 阅读 · 1 评论 -
02-React中JSX存在的意义
存在的意义有三个:方便、方便、还是方便。常规情况下,创建一个虚拟DOM,并将其渲染到页面上,会使用以下代码的形式:其中,就是使用JSX语法创建一个虚拟DOM,指明使用将JSX语句翻译为浏览器能识别的JS语句。在React中,创建虚拟DOM的方式不止JSX一种,还可以使用原生的JS实现同样的效果:React.createElement方法接受三个参数:如果只是简单的应用,使用JSX和原生JS并没有太大的区别,但是如果创建的虚拟DOM存在多层嵌套,就会非常的繁琐,如下:如果使用JSX的方式实现同样的效果:原创 2022-12-06 16:03:54 · 275 阅读 · 0 评论 -
01-使用Script标签的形式实现HelloReact
创建第一个React应用,并在页面上显示“Hello React”字样。本文致力于使用标签的方式,实现最基础的React应用。编写React应用时,至少需要引入以上三个JS库,其中,是React的核心库,属于扩展库,用于操作DOM,可以将ES6语法转为ES5,同时支持JSX转为JS。在文件的前以形式引入以上三个JS库。注意:标签引入React相关JS库时,需要先引入React核心库(*)!也可以使用CDN方式引入,避免下载React相关文件。3. 编写React代码React容器React会将所有原创 2022-12-06 11:36:45 · 685 阅读 · 0 评论