2、ReactJs基础知识02

2021-04-17 17:27

阅读:568

标签:一起   reactjs   get   class   调用   nbsp   基础知识   更新   code   

1、元素渲染

想要将一个 React 元素渲染到根 DOM 节点中,只需把它们一起传入 ReactDOM.render():
const element = 

Hello, world

; ReactDOM.render(element, document.getElementById(root));
更新已经渲染的元素,更新 UI 唯一的方式是创建一个全新的元素,并将其传入 ReactDOM.render()。
大多数 React 应用只会调用一次 ReactDOM.render(),这时需要有状态组件了,由状态的更新来重新渲染元素
 
2、网页由 DOM 元素构成。React DOM 并不是浏览器的 DOM,而React DOM 只是用来告诉浏览器如何创建 DOM 的方法。通常情况下,我们并不需要 React 就能创建出一个 DOM 元素,但是 React 创建与管理 DOM 的方式有组件化、虚拟 DOM 等更高层次的抽象,由此带来的优势是更快的渲染速度,以及更好的维护性,因此值得去尝试。
 
3、render第一个参数JSX,必须只有一个根元素,多个元素使用父元素包裹
 
4、总之,此方法即是将react DOM渲染成浏览器DOM

2、ReactJs基础知识02

标签:一起   reactjs   get   class   调用   nbsp   基础知识   更新   code   

原文地址:https://www.cnblogs.com/gopark/p/12291767.html


评论


亲,登录后才可以留言!