![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
react
qq_32021429
这个作者很懒,什么都没留下…
展开
-
把JSX语法转为虚拟DOM对象
把JSX语法转为虚拟DOM对象 一、JSX虚拟DOM渲染为真实DOM的原理和步骤 基于babel-preset-app把jsx语法变为React.createElement的模式 =>凡是遇到元素标签(或者组件)都要createElement =>前两个参数是固定的:标签名(组件名)、属性对象(没有就是null),第三个及以后的参数是子元素 基于React.createElement方法的执行,创建出虚拟DOM对象(JSX对象) =>首先是一个对象 =>type属性:存储的是标签名原创 2021-08-16 09:34:12 · 415 阅读 · 0 评论 -
ReactDOM.render的渲染原理
ReactDOM.render的渲染原理 在react项目中,之所以可以在函数/组件中直接写模板结构,是因为最后babel都会帮我们把这些模板转译成 React.createElemen(config) 的形式,这也就是为什么我们在每一个组件中明明没有主动调用React,但是却要引入react的原因。 // 举例 import React from 'react'; import ReactDOM from 'react-dom'; let h = React.createElement( 'div'原创 2021-05-25 10:17:55 · 356 阅读 · 0 评论