1. Jsx語法

在html中屬性的值通過雙引號(字符串數(shù)據(jù))或者大括號(表達式)

//雙引號const a = ![](1.jpg)//大括號const x = "1.jpg"const a = <img src={x} />//有子元素的情況,都只能包含在同一個元素內,與vue語法保持一致const a = (    <div>        <h1>標題</h1>
        <span>gogogo</span>    </div>)

注意:react對于jsx中的變量都會進行轉義,以免xss攻擊

2. 渲染DOM

通過reactDOM.render方法來渲染dom節(jié)點,并且react元素一旦創(chuàng)建就是不可變的,唯一的辦法就是重新創(chuàng)建個新的元素然后重新通過ReacDOM.render去渲染,就是這么cool!??????。但是每次更新,不是統(tǒng)一將整個元素都更新,都只會修改更新了的元素

function tick(){
  const ele = (    <div>
        <h1>現(xiàn)在的時間是:{new Date().toLocaleTimeString()}</h1>    </div>
  );
  ReactDOM.render(
    ele,
    document.getElementById('root')
  )}setInterval(tick,1000);

延伸閱讀

學習是年輕人改變自己的最好方式-Java培訓,做最負責任的教育,學習改變命運,軟件學習,再就業(yè),大學生如何就業(yè),幫大學生找到好工作,lphotoshop培訓,電腦培訓,電腦維修培訓,移動軟件開發(fā)培訓,網(wǎng)站設計培訓,網(wǎng)站建設培訓學習是年輕人改變自己的最好方式