![](https://img-blog.csdnimg.cn/20201014180756930.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
react
文章平均质量分 64
qq_42638033
这个作者很懒,什么都没留下…
展开
-
06-react里面的this指向问题
函数中使用this 在函数中使用this的时候,我们经常用箭头函数声明。或者使用bind来修改this的指向。但是这究竟是为什么呢? 下面我们来看看直接在函数中直接使用会出现什么问题吧 在函数中直接使用this的问题 import React, { Component } from 'react'; export default class App extends Component { state= { name: '张三' } handleClick = () =>{原创 2021-06-10 22:16:20 · 132 阅读 · 0 评论 -
05- redux的理解
redux原理图 action 动作的对象 包含2个属性 type:标识属性,值为字符串,唯一,必要属性 例子:{type: ‘ADD_STUDENT’,data:{ name:‘tom’ , age:18 }} reducer 用于初始化状态,加工状态 加工时,根据旧的state和action,产生新的state的纯函数 store 将state、action、reducer联系在一起 如何得到此对象? (1)import {createStore} from ‘redux’ (2)impor原创 2021-06-08 22:27:26 · 108 阅读 · 0 评论 -
04-react-transition-group动画效果
react-transition-group 介绍 可以给一个组件的显示和消失添加某舟过渡动画,可以很好的增加用户体验 安装 npm i react-transition-group --save yarn add react-transition-group Transition 该组件是一个和平台无关的组件(比一定要结合css) 在前端开发中,我们一般是结合css来完成样式,所以比较常用的是cssTransition CSSTransition 在前端开发中,使用较多 SwitchTransitio原创 2021-06-04 22:17:45 · 164 阅读 · 0 评论 -
03-react的context
为什么要采用context 公共信息(语言、主题)如何传递给每个组件? 用props太繁琐 用redux小题大做原创 2021-06-01 22:00:04 · 64 阅读 · 0 评论 -
02-setState
this.setState方法是同步更新还是异步更新 修改状态可能会被合并 修改状态对象和函数如何选择原创 2021-06-01 16:15:02 · 60 阅读 · 0 评论 -
01-react高阶组件
高阶组件实质上就是高阶函数 下面的需求是当屏幕变化的时候,在屏幕上同步输出当前屏幕的尺寸 import React from 'react'; import ReactDOM from 'react-dom'; class Foo extends React.Component { state = { x : document.documentElement.clientWidth, y : document.documentElement.clientHeight }原创 2021-05-30 20:00:29 · 54 阅读 · 0 评论