![](https://img-blog.csdnimg.cn/20201014180756913.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
11-react
react
ange997
天道酬勤
地道酬善
人道酬诚
商道酬信
业道酬精
展开
-
11-10-react性能优化
PureRenderMixin 优化PureRenderMixin 优化react最常用的工具就是PureRenderMixin,使用 npm i react-addons-pure-render-mixin --save,安装并使用:import React,{Component} from 'react'import PureRenderMixin from 'react-addons-pure-render-mixin'class Demo extends Component{ c原创 2020-11-25 15:49:52 · 76 阅读 · 0 评论 -
11-09-react hook
hook使用hook的原因:使用class创建组件,大型组件状态和逻辑组合在一起来,很难拆分和维护,使用不方便,所以改用hook。hook作用:在不使用class的情况下,也可以使用状态,也可以使用生命周期。使用函数创建数组。react hook就是加强版的函数式组件,完全可以不使用class,创建出一个复杂的组件。hook钩子react hook中提供很多的钩子,它的钩命名,都是use打头。useState();useEffect(); // 生命周期useContext();u原创 2020-11-05 21:19:15 · 945 阅读 · 0 评论 -
11-07-react的todomvc代码解析
components文件夹AddTodo.jsximport React, {Component} from 'react'import store from "../store/index"import { addOneTodoAction } from "../store/actions/todos"export default class AddTodo extends Component{ constructor(props) { super(props); .原创 2020-11-03 18:09:05 · 238 阅读 · 0 评论 -
11-07-redux异步
action分两类:同步action 本质是一个js对象,必定有一个属性叫type异步action 本质是一个函数, redux默认的不是异步actionreact-redux核心:Provider组件在顶层组件外面包一个Provider组件,这样所有的组件都在react-redux的控制之下,把...原创 2020-11-03 18:10:06 · 128 阅读 · 0 评论 -
11-06-react redux
react问:react是什么? 答:用于构建用户界面的JS框架。问:react本身有状态管理吗? 答:有 react本身就有状态管理问:不使用redux,可以进行项目开发吗? 答:可以问:vue和react本身就有状态管理,为什么会有redux和vuex? 答:状态集中管理既然我们要把状态交给redux进行管理,是不是就意味着,react组件中就没有状态了? 答:对的学习react,就是学习react技术栈:react.js + react-router-dom +原创 2020-11-02 19:07:43 · 89 阅读 · 0 评论 -
11-05-react组件的生命周期
问:react.js中的核心是什么?答:组件。问:react中组件的核心是什么?答:状态 组件的生命周期。生命周期函数:又叫钩子函数,一个组件从出生到死亡,这个过程会自动地调用一个函数,这个函数我们叫钩子函数,又叫生命周期函数。旧版生命周期函数React v16.0前的生命周期initalizaion 初始化使用constructor()来完成初始化setup props and state 设置组件初始化属性 和 状态 static defaultProps = { //原创 2020-10-30 19:37:24 · 197 阅读 · 0 评论 -
11-04-react路由基础
路由简介react中,使用路由的是react-routerreactreact.js 类似于vue.js web(BS构架的项目)react-navtive 简称RN 开发原生APP (android ios)react-routerreact-router :是下面两种的基础,浏览器和原生app的通用部分react-router-dom:用于浏览器端react-router-navtive:用于原生appreact-router-dom:一些组件:组件名必须大写&l原创 2020-10-30 13:24:40 · 154 阅读 · 0 评论 -
11-03-react脚手架
create-react-app原创 2020-10-29 15:16:09 · 45 阅读 · 0 评论 -
11-02-react事件
React中解决this丢失四种方式方式一class Weather extends React.Component { constructor(props) { super(props); this.state = { isHot: false }//方式一:改变click函数中的this指向,返回一个改变后的函数,给 this._clickHandle=this._clickHandle.b原创 2020-10-29 10:41:27 · 73 阅读 · 0 评论 -
11-01-react初识
reactreact介绍:起源Facebook的内部项目。13左右开源了,在github上搜索react源码。官网:用于构建用户界面的 JavaScript 库1)react采用组件化开发 前后端分离(管理系统) 首选react2)react的生态比vue还好,技术非常成熟,非常适合做大型项目。3)背景强大,react由Facebook团队维护4)react使用比较简单,比vue难一点 api少一点5)react可以更好理解vue vue3.0 提升前端认知react是最流原创 2020-10-28 22:57:24 · 216 阅读 · 0 评论