react
我不喜欢打代码
一名前端程序员。。。
展开
-
react学习之路6:安装react-tool工具
开发react一段时间了,在调试的适合一些传参和state值可能会比较麻烦,所以这里上传了一份react-devTool的插件包,给大家使用 下载 链接: https://pan.baidu.com/s/1PuJobxN3Rc8UNwsAH26lMg 提取码: smaq 解压 打开谷歌浏览器 - 更多工具 - 扩展程序 ...原创 2021-05-27 11:40:09 · 305 阅读 · 0 评论 -
react学习之路5:学习react时的一些小坑
使用react也有一段时间了,其实一直是在做项目过程中学习,所以难免会遇到一些坑。而且在写法上,react与vue有相似的地方,但如果太想当然地使用vue的写法会遇到一些坑。 在Jsx语法中,处理事件需要bind(this,value),使这个事件指向这个当前组件内的funtion,写法的话我总结了几种,其中推荐第三种写法,这种写法对性能的影响是小的。 //第一种 bind绑定 addClick(){ let click = this.state.click this.s原创 2021-05-22 16:06:51 · 153 阅读 · 0 评论 -
react学习之路4:react组件的生命周期(与vue2.x对比)
学vue的朋友们都知道,vue提供给vue组件在不同阶段的生命周期都提供了不同的生命周期钩子函数,以vue2.x为例子,vue的生命周期下图,整体可以总结为4个生命周期,即create,mount,update和desdroy,每个生命周期都有对应的生命周期钩子函数来满足我们实际的开发需求。 而react也一样,组件也拥有生命周期(或者说vue的生命周期可能在一定程度上借鉴了react),react的生命周期如下 Mounting:已插入真实 DOM Updating:正在被重新渲染 Unmountin原创 2021-05-21 11:59:47 · 172 阅读 · 0 评论 -
react学习之路3:写一个react组件
最近很少写react的项目的,怕自己会遗忘掉,所以给自己写个博客记录一下。 众所周知react和vue一样,也是基于组件化开发的,那开发组件的方式有哪几种呢?我大概总结了一下我在项目中用到的方式。 使用es6关键字通过class继承React.Component的方式编写组件。(状态组件)组件中需要定义构造器constructor,还需要调用父类的构造器super(props),这样,你就可以在组件中使用reactComponent 父类提供的一些生命周期函数,使用state组件状态管理等等,是具有状态的原创 2021-04-25 15:48:14 · 133 阅读 · 0 评论 -
react学习之路2:react路由相关知识
上次介绍了react简单路由的配置方法,这次介绍一些路由知识 ,同时与学过的vue的相关知识进行一些类比 hashrouter和browserrouter 这是两种路由模式,对应着vue-router中的hash模式和history模式,hash路由和history路由的原理大家可以百度一下。使用方法参考如下 import {HashRouter ,BrowserRouter, Route} from 'react-router-dom'; ReactDOM.render( <HashRout原创 2021-03-15 15:23:54 · 91 阅读 · 0 评论 -
react学习之路1:react基础路由配置
最近接手了一个react项目的任务 之前一直没学过react的我临危受命,凭借着js的功底完成了这个任务,但是既然入坑了react,那我也来从头好好学习一下react这个框架吧(毕竟大厂都爱react) 这里我记录一下我学习react的路由配置 首先先放一下我的项目目录 应该大家都能看懂吧,接下来我们安装一下相关的依赖(react-router-dom) npm install react-router-dom --save 接下来我们创建三个页面组件(app,page1,page2),参考上面的文件结原创 2021-03-08 16:39:37 · 291 阅读 · 0 评论