引包&安裝

React官網(wǎng)

• react.js
• react-dom.js
• browser.js

使用JSX語法

  <script type="text/babel">
    ReactDOM.render(JSX語法編寫的內(nèi)容, 渲染的目標(biāo)DOM);
  </script>

JSX語法規(guī)則

• 遇到HTML標(biāo)簽，按HTML規(guī)則解析
• 遇到代碼塊，按Javascript規(guī)則解析

組件

• 組件類命名首字母要大寫
• 每個(gè)組件類都必須有自己的render方法，用于輸出組件
• 每個(gè)組件類只能包含一個(gè)頂層標(biāo)簽
• 使用組件的時(shí)候，標(biāo)簽需要閉合符號，如<HelloMsg />，或使用雙標(biāo)簽的形式<HelloMsg></HelloMsg>