2、ReactJs基础知识02

时间：2020-02-10 18:28:26 阅读：96 评论：0 收藏：0 [点我收藏+]

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

1、元素渲染

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

const element = <h1>Hello, world</h1>;
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

踩

(0)

评论一句话评论（0）

分享档案

更多>

2021年07月29日 (22)
2021年07月28日 (40)
2021年07月27日 (32)
2021年07月26日 (79)
2021年07月23日 (29)
2021年07月22日 (30)
2021年07月21日 (42)
2021年07月20日 (16)
2021年07月19日 (90)
2021年07月16日 (35)

周排行