哦，這是一支“密碼筆”。我以前見過別人用過，但我從來沒用過。也許我會(huì)看到更多這些，我正在做一點(diǎn)網(wǎng)絡(luò)開發(fā)？代碼似乎很有趣：

function Square(props) {
      return (
          <button className="square" onClick={props.onClick}>
                 {props.value}
          </button>  
     );
 }

返回HTML標(biāo)記的函數(shù)？用程序確定的參數(shù)和內(nèi)容？那絕對(duì)不是我以前見過的。這似乎真的很有趣。我現(xiàn)在真的對(duì)建造這個(gè)東西很感興趣。讓我們回到教程頁(yè)來學(xué)習(xí)如何構(gòu)建它。

我想我對(duì)第一段的內(nèi)容都很在行，但第二段就不太在行了。顯然const語(yǔ)句指的是常量變量，對(duì)嗎？我知道一般的課程是什么，但也許classes是不同的？箭頭函數(shù)是lambdas，對(duì)嗎？我以前在爪哇見過。也許我不用讀ES6就可以搞定。。。

我討厭做一些已經(jīng)編寫好的代碼教程，所以我強(qiáng)烈反對(duì)選項(xiàng)1。取而代之的是，讓我們選擇2：

好的，我得先做這些設(shè)置步驟。我們走吧Node.js安裝。這在Mac上非常容易，因?yàn)榻坛讨械逆溄又苯訉⑽規(guī)У较螺d頁(yè)面，在那里我下載一個(gè)*.pkg文件，該文件作為安裝程序運(yùn)行。超級(jí)快速和簡(jiǎn)單。

我想下一步是按照這些安裝說明進(jìn)行操作。我需要點(diǎn)擊鏈接嗎？還是直接執(zhí)行命令？還不清楚。我點(diǎn)擊鏈接：

看起來是一樣的。因此，我將忽略該鏈接中的所有其他內(nèi)容，只運(yùn)行教程中的一個(gè)命令：

$ npx create-react-app my-app

…這個(gè)命令似乎要花很長(zhǎng)時(shí)間才能執(zhí)行?？赡苁且?yàn)檫@是我第一次使用npm/React而做了一些初始化工作？

Creating a new React app in /Users/andrew/my-app.

Installing packages. This might take a couple of minutes.
Installing react, react-dom, and react-scripts...

?       ???????????? ? extract:eslint-plugin-flowtype: sill extract ...

……是的，就是這樣。

這是我回來時(shí)看到的：

added 1980 packages from 735 contributors and audited 36246 packages in 163.458s
found 63 low severity vulnerabilities
  run `npm audit fix` to fix them, or `npm audit` for details

Initialized a git repository.

Success! Created my-app at /Users/andrew/my-app
Inside that directory, you can run several commands:

  npm start
    Starts the development server.

  npm run build
    Bundles the app into static files for production.

  npm test
    Starts the test runner.

  npm run eject
    Removes this tool and copies build dependencies, configuration files
    and scripts into the app directory. If you do this, you can’t go back!

We suggest that you begin by typing:

  cd my-app
  npm start

Happy hacking