元素是構成React頁面的最小元素贮缅,用來描述我們在屏幕上看到內容引矩。
渲染過程
1.首先在首頁(index.html)中添加一個id為‘root’的<div>.
2.將React元素傳遞給ReactDOM.render(),將其渲染到頁面上。
const element = <h1>Hello, world</h1>;
ReactDOM.render(element, document.getElementById('root'));
更新渲染元素
React元素是不可變的蜒简,一旦創(chuàng)建后屬性和內容不能被改變模燥,所以我們想要更新,可以通過不斷向render函數(shù)中傳入新的元素
function tick(){
const ele = <h4>{new Date().toLocaleTimeString()}</div>;
ReactDOM.render(ele,document.getElementById('root'));
}
setInterval(tick,1000);