
react
文章平均质量分 80
前端程序猿dzf
记录程序猿开发的一点一滴
展开
-
react的ref原理
1、什么是refref使用时,可以拿到对应的元素真实dom ,或者类组件的实例 ,或者传入React.forwardRef包装后的 函数组件2、dom元素使用refimport React from './react';import ReactDOM from './react-dom';class Sum extends React.Component{ numberA numberB result constructor(props){ super(props);原创 2021-12-01 11:29:18 · 865 阅读 · 0 评论 -
react组件更新原理
1、setState()什么时候批量异步?非react管控时:如setTimeot等 : 同步、非批量的,react生命周期时,合成事件: 异步批量更新2、预备知识React.createElement传参不同 返回得虚拟dom的type就不一样 看下面得图比如下面的 React.createElement(FunctionComponent, { name: “zhufeng” });则type就是 一个类或者函数 看传入的参数 (看下面的外部打印)如果FunctionComponent原创 2021-11-12 12:42:11 · 2418 阅读 · 0 评论 -
react复盘-jsx
react复盘-jsx1、React.createElement实现原理className 代替class,class是js保留关键字所以用className写标签和调用React.createElement区别babel-jsx插件会自动编译,把 dom标签(<div className="title" style={{color:'red'}}> <span>hello</span>world </div>)转换以下语法,然原创 2021-11-12 12:31:54 · 718 阅读 · 0 评论 -
react点击事件
React的jsx中, 为一个button添加onclick事件,什么时候需要bind(this)简介:在react项目中,为一个按钮等添加一个事件,有的地方会用bind(this),本文就分析一下:什么情况下需要bind(this)?为什么要用bind(this)?可以不用bind(this)吗?开门见山,先直接给出为一个button添加一个事件的正确写法:开门见山,先直接给出为一个button添加一个事件的正确写法:为一个button添加一个onclick事件的正确写法不传参数原创 2021-01-05 18:18:25 · 5431 阅读 · 0 评论