0.6 Hello World with ES6 and JSX 使用ES6和JSX的Hello World

We recommend using a bundler like webpack or Browserify so you can write modular code and bundle it together into small packages to optimize load time.

我們建議使用像webpack或Browserify這樣的打包器,以便您可以編寫(xiě)模塊化代碼,并將它們捆綁到小型軟件包中以?xún)?yōu)化加載時(shí)間。

The smallest React example looks like this:

最小的React示例如下所示:

import React from 'react';
import ReactDOM from 'react-dom';
ReactDOM.render(
? ?<h1>hello, world!</h1>
? ?document.getElementById('root')
);

This code renders into a DOM element with the id of root so you need <div id="root"></div> somewhere in your HTML file.

這段代碼被渲染到id為root的DOM元素中,是你的HTML文件需要一個(gè) <div id="root"></div>

Similarly, you can render a React component inside a DOM element somewhere inside your existing app written with any other JavaScript UI library.

同樣,你可以把一個(gè)React組件渲染到使用其他JavaScript UI庫(kù)的現(xiàn)有應(yīng)用的DOM內(nèi)部中。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • Aims: This article is to introduce some basic concepts by...
    LillianSiYin閱讀 383評(píng)論 0 0
  • It's a common pattern in React to wrap a component in an ...
    jplyue閱讀 3,380評(píng)論 0 2
  • 原教程內(nèi)容詳見(jiàn)精益 React 學(xué)習(xí)指南,這只是我在學(xué)習(xí)過(guò)程中的一些閱讀筆記,個(gè)人覺(jué)得該教程講解深入淺出,比目前大...
    leonaxiong閱讀 2,931評(píng)論 1 18
  • 最近看了一本關(guān)于學(xué)習(xí)方法論的書(shū),強(qiáng)調(diào)了記筆記和堅(jiān)持的重要性。這幾天也剛好在學(xué)習(xí)React,所以我打算每天堅(jiān)持一篇R...
    gaoer1938閱讀 1,808評(píng)論 0 5
  • 自己最近的項(xiàng)目是基于react的,于是讀了一遍react的文檔,做了一些記錄(除了REFERENCE部分還沒(méi)開(kāi)始讀...
    潘逸飛閱讀 3,736評(píng)論 1 10

友情鏈接更多精彩內(nèi)容