react文檔——Hello World

Hello World

最容易開始使用 React 方式是用CodePen。你不需要安裝任何東西;你只需要在新頁面打開它并依照我們當時經歷的例子。如果寧愿使用本地的開發環境,查看安裝章節。

最小的 React 例子看起來是這樣的:

ReactDOM.render(
  <h1>Hello, world!</h1>,
  document.getElementById('root')
);

它在頁面渲染了一個”Hello World“標題。

下面的幾個部分會逐步的介紹你使用 React。我們將考察React 應用的構建單元:元素和組件。一旦你掌握了它們,你就可以從小型可復用的部件創建復雜的應用。

關于 JavaScript 的注意事項

React 是一個 JavaScript 庫,所以假設你已經對 JavaScript 語言有了基本了解。如果你感到不確信,我們推薦重新介紹 JavaScript(JS 教程),這樣你就可以更容易地跟隨下去。

我們在例子中也使用一些 ES6 語法。我們盡量少用,因為它仍然相對較新,但我們鼓勵你熟悉箭頭函數模板字符串letconst聲明。你可以使用Babel REPL來查看ES6代碼編譯成什么樣。

下一步

介紹 JSX

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容