![](https://img-blog.csdnimg.cn/20201014180756918.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
fly in React
_阿锋丶
这个作者很懒,什么都没留下…
展开
-
react-hook之useContext
为什么要使用useContext在一个典型的react应用中,属性props是由父级逐渐传递到子级的,由于 逐级传递,所以在某些层级很多的项目中传递props属性的过程非常麻烦,我们需要定义一个全局属性,可以使他的子组件都能拿到,这是就可以用useContext使用useContext传递样式先到App.tsx文件中写import React,{useState}from 'react';import './App.css';import LikeBUtton from './compon原创 2020-09-03 19:30:31 · 445 阅读 · 0 评论 -
快速学会自定义Hook
自定义Hook的作用将组建逻辑提取到可重用的函数中实现一个自定义Hook抽象鼠标跟踪器创建一个文件useMousePositionimport {useState,useEffect} from 'react'// 自定义hook必须要use开头// 在两个组件中使用相同的hook不会共享stateconst useMousePosition = () =>{ const [position,setPosition] = useState({x:0,y:0}) useE原创 2020-08-18 09:42:16 · 1028 阅读 · 0 评论 -
完全摸清react的useEffect
文章目录无需清除的Effect的情况需要清除的Effect(副作用)的情况控制Effect的执行无需清除的Effect的情况先看设定代码需求:使用useEffect实现标题的更新用以前的class怎样实现以前的方法在生命周期函数里面的组件加载和更新都需要执行一下而用了Effect Hook之后如下 更方便import React,{useState,useEffect} from 'react'const LikeBUtton:React.FC = () =>{ const原创 2020-08-15 19:54:08 · 2097 阅读 · 3 评论 -
useEffect里面setState获取不到异步的数据
useEffect里面setState获取不到异步的数据转载 2020-07-24 22:18:46 · 2593 阅读 · 0 评论 -
react-异常状态记录
react-异常状态记录转载 2020-07-24 21:45:35 · 98 阅读 · 0 评论 -
Objects are not valid as a React child 错误处理
Objects are not valid as a React child 错误处理转载 2020-07-15 20:15:01 · 925 阅读 · 0 评论 -
Redux的工作流程
Redux的工作流程可以把其工作流程比作在图书馆的借书过程React Component向store要数据,先传达到actioncreators,(相当于借书人向图书管理员借具体那本书)图书管理员又要看记录本借书,store需要接祖reducers才能想组件发送数据...原创 2020-07-13 20:47:20 · 590 阅读 · 0 评论 -
【React】什么时候使用shouldComponentUpdate方法?
【React】什么时候使用shouldComponentUpdate方法?转载 2020-07-13 17:07:23 · 325 阅读 · 0 评论 -
React中的生命周期函数详细解读
文章目录什么是生命周期函数react生命周期图的解析initialization,初始化过程Mounting:挂载过程componentWillMount()render()componentDidMount()Updation:更新数据的过程shoudComponentUpdate()componentWiiUpdate()render()componentDidUpdate()componentWillReceiveProps()Unmount过程componentWillUnmount()什么是生命原创 2020-07-13 15:36:32 · 863 阅读 · 0 评论 -
简单理解虚拟DOM优势
文章目录渲染方式一渲染方法二虚拟DOM的渲染方式的优势渲染方式一这种方式分为下面5步有如下缺陷渲染方法二分为下面8个步骤:虽然,替换不是整个DOM的替换只是元素上的替换可以节省部分性能,但是新的DOM和原始的DOM作比对需要消耗一部分性能。所以性能的提升并不明显虚拟DOM的渲染方式的优势分下面几步js穿件一个js对象消耗的性能相对于生成新的DOM是非常小,DOM的相互对比相对于js对象的比对消耗的性能大的多所以虚拟DOM就是一个js对象,是为了减少真实DOM替换和对比..原创 2020-07-13 10:16:16 · 393 阅读 · 0 评论 -
React创建组件和渲染组件的几种方法
<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>03_component_basic</title></head><body><div id="example1">SDFSDFAASD</div&g...原创 2019-12-02 14:17:55 · 644 阅读 · 0 评论 -
JSX的一些语法细节
文章目录注释的两种写法在用css类选择器时,用className代替classdangerouslySetInnerHTML转义功能label的for标签要用htmlfor代替注释的两种写法 {/* 下面是一个input框*/} { //这也是一个注释 }注意下面一种写法的后面一个括号必须换换行在用css类选择器时,用className代替class这是因为js会把class解成类名,如果直接用class的话会报如下错误应该这样写 <input class原创 2020-07-12 07:57:46 · 315 阅读 · 0 评论