三、編寫第一個react應用程式

react開發需要引入多個依賴檔案：react.js、react-dom.js，分別又有開發版本和生產版本，createreact-app裡已經幫我們把這些東西都安裝好了。把通過CRA建立的工程目錄下的src目錄清空，然後在裡面重新建立一個index.js. 寫入以下程式碼:

一種語法叫JSX，稍後會講到JSX，要寫JSX，就必須引入React
import React from 'react'
// ReactDOM 可以幫助我們把 React 元件渲染到頁面上去，沒有其它的作用了。它是從 react-dom 中
引入的，而不是從 react 引入。
import ReactDOM from 'react-dom'
// ReactDOM裡有一個render方法，功能就是把元件渲染並且構造 DOM 樹，然後插入到頁面上某個特定的
元素上
ReactDOM.render(
// 這裡就比較奇怪了，它並不是一個字串，看起來像是純 HTML 程式碼寫在 JavaScript 程式碼裡面。語
法錯誤嗎？這並不是合法的 JavaScript 程式碼, “在 JavaScript 寫的標籤的”語法叫 JSXJavaScript XML。
<h1>歡迎進入React的世界</h1>,
// 渲染到哪裡
document.getElementById('root')
)
 

注意：
<React.StrictMode> 目前有助於：
識別不安全的生命週期
關於使用過時字串 ref API 的警告
檢測意外的副作用
檢測過時的 context API