React
文章平均质量分 59
浮生旧梦,为欢几何
一枚单纯的技术小白
展开
-
React项目搭建
node 版本 查看node版本 node -v 查看node版本一般会安装nvm来管理node 版本安装官方脚手架create-react-app这里介绍两种方式,习惯用哪个你自己选第一种npm install -g create-react-appcreate-react-app myapp第二种npx create-react-app myapp官方标准命令,my-app 为项目名称,可自定义git add . 添加git commit -m ‘first’ 提交gi.原创 2021-07-07 16:37:55 · 261 阅读 · 0 评论 -
React生命周期
初始化阶段constructor() 创建前组件创建前执行,一般用来初始化state可以继承Component三个参数(props,context,updater)挂载阶段render() 渲染componentDidMount() 挂载后组件渲染完毕执行,一般用来发起ajax请求,添加定时器在这里调用setState会触发额外渲染,会导致性能问题,谨慎使用更新阶段componentDidUpdata()更新后组件更新时触发接收两个参数:props,preState(更新前的st原创 2021-07-14 08:33:01 · 79 阅读 · 0 评论 -
React事件
1、驼峰形式onClick2、调用onClick={this.Fn}this指向问题3、解决this指向的问题1.箭头函数onLog1=()=>{}使用箭头函数改变this的指向2.constructorthis.fn=this.fn.bind(this)onClick={this.Fn}3.调用时使用箭头函数:onClick={()=>{this.onLo...原创 2021-07-14 10:08:28 · 92 阅读 · 0 评论 -
React实现tab选项卡效果
importReact,{Component}from"react"classViewextendsComponent{constructor(props){super(props);this.state={cur:1,cur2:1,}}tabSwitch(name,index){this.setState({[name]:index}...原创 2021-07-14 15:37:45 · 470 阅读 · 0 评论 -
React路由
1、下载安装包yarn add react-router-dom2、新建 Router.jsimport React from 'react';import { BrowserRouter, HashRouter, Route, Link, Switch } from 'react-router-dom';import App from './App.js';const Router = () => ( <BrowserRouter> <...原创 2021-07-26 08:36:08 · 193 阅读 · 0 评论