React的渲染element(做最少的DOM操作)

Rendering Elements

An element describes what you want to see on the screen.

原則:儘可能少的操作DOM

如下面react官網的例子就是很好的說明:

function tick() {
  const element = (
    <div>
      <h1>Hello, world!</h1>
      <h2>It is {new Date().toLocaleTimeString()}.</h2>
    </div>
  );
  ReactDOM.render(element, document.getElementById('root'));}

setInterval(tick, 1000);

Even though we create an element describing the whole UI tree on every tick, only the text node whose contents have changed gets updated by React DOM.

在這裏插入圖片描述
issues

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章