![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
React
文章平均质量分 70
开到荼蘼223's
快乐被识破
展开
-
React页面路由的基本使用
什么是路由?路由就是一种映射关系,前端路由就是根据不同的url去切换不同的组件,简单理解就是可以从一个页面跳转到另一个页面,前端路由就是通过一套url路径 与 组件的对应关系,后端路由就是根据用户不同的请求去返回不同的内容。路由的两种方式hash模式:使用页面定位的方式进行的(锚点) HashRouterhistory模式:可以传递复杂的数据 BrowserRouter路由的基本使用使用步骤:安装 react-router-dom 模块npm install react-rout原创 2021-09-02 16:29:22 · 330 阅读 · 0 评论 -
React事件处理及事件流
React事件处理React事件处理是通过将事件处理器绑定到组建上处理事件,事件触发的同时更新组建的内部状态,内部状态更新会触发组件的重绘React 元素的事件处理和 DOM 元素的事件处理很相似,但语法上的略有区别在React中事件的命名采用驼峰命名法,即事件名的首字母为大写,而不是原生DOM中的小写响应事件的函数要以对象的形式赋值,而不是以DOM字符串的形式React方式<button onClick={clickMe()}>提交</button>DOM方式&原创 2021-08-27 21:58:16 · 571 阅读 · 2 评论 -
React组件三大属性props state refs以及组件的生命周期
props属性React组件可以通过JavaScript函数方式实现, 那么React组件就可以接受参数的传入。React框架定义了一个Props的概念, 主要用来实现React函数组件接受参数的输入。props属性:从组件外部向组件内部传递变化了的数据,在组件内部不能改变它的值,props除了可以传字符串、数字,还可以传数组,对象、甚至是回调函数,它的主要作用是从父组件向子组件传递数据,它是不可改变的。读取props属性值: this.props.属性名向props中传值: <组件名 属性名原创 2021-08-26 02:03:29 · 554 阅读 · 0 评论 -
React项目创建报错解决方案npm ERR! code 1 npm ERR! path E:\Node1\untitled5\node_modules\fibers npm ERR! command
在用webstorm创建React项目时发现一个巨离谱的错误(node:15528) ExperimentalWarning: The fs.promises API is experimentalInstalling packages. This might take a couple of minutes.Installing react, react-dom, and react-scripts with cra-template...(node:21848) ExperimentalWar原创 2021-08-24 18:18:04 · 13048 阅读 · 18 评论 -
React概述、JSX语法、虚拟DOM及React组件
什么是React?React是一个功能强大的JS库,可以简化可视化界面的开发,由Facebook团队于2013发布上线,React基于JSX语法,使用xml标记的方式去直接声明界面,特点是支持html、js混写。React特点:声明式设计:React 采用声明范式,可以轻松描述应用高效:React通过对DOM的模拟,最大限度地减少与DOM的交互灵活:React可以与已知的库或框架很好地配合JSX语法:JSX是JavaScript语法的扩展,可以极大地提高JS运行效率React虚拟DOM机制原创 2021-08-24 09:15:45 · 200 阅读 · 0 评论