
React
飞翔的大野猪
没点东西
展开
-
React中ref的基本使用
一、ref为字符串(官方不推荐,可能在后续版本废弃)二、ref为回调函数三、React 16.3 版本引入的React.createRef()API原创 2023-03-25 17:13:25 · 178 阅读 · 0 评论 -
React中props的使用
一、props的基础使用二、对传输的数据进行限制(propTypes)原创 2023-03-25 16:46:10 · 271 阅读 · 0 评论 -
React中render方法调用了几次?
调用了1+N次1.页面初始化的时候调用一次render方法2.页面状态发生改变时.重新调用render方法来生成一个新的虚拟DOM3.通过diff算法来对比新新旧虚拟DOM之间的差别,从而进行合并4.将对比合并过后的虚拟DOM,转换为真实的DOM,挂载到页面的指定位置原创 2023-03-25 15:25:10 · 534 阅读 · 0 评论 -
执行了ReactDom.render()方法后,发生了什么?
一、函数式组件1.React解析了组件标签,找到了对应的组件2.发现这个组件是一个函数定义的,随后调用该函数,生成了一个虚拟DOM3.最后将虚拟DOM转换为真实DOM,呈现在页面中二、类式组件1.React解析了组件标签,找到了对应的组件2.发现这个组件是一个类定义的,随后new出来一个实例对象,并通过该实例调用原型上的render()方法3.将render()返回的内容生成了一个虚拟DOM4.最后将虚拟DOM转化为真实DOM,呈现在页面中原创 2023-03-25 15:23:48 · 204 阅读 · 0 评论 -
React创建虚拟DOM的两种方式
一、JS方式创建虚拟DOM二、jsx创建虚拟DOM原创 2023-03-25 12:48:43 · 459 阅读 · 0 评论 -
React基础阶段
一、什么是React用于构建用户界面的 JavaScript 库通常构建页面都需要经历三步①通过发送Ajax拿到远程数据②把数据挂载到DOM上.③渲染页面但是React它只执行后两步,它不管你数据从哪来,它只关注于你怎么构建页面(也就是只关注你怎么把数据渲染到页面上)原创 2023-03-25 11:47:10 · 59 阅读 · 0 评论