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

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

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

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

我討厭做一些已經編寫好的代碼教程，所以我強烈反對選項1。取而代之的是，讓我們選擇2：

好的，我得先做這些設置步驟。我們走吧Node.js安裝。這在Mac上非常容易，因為教程中的鏈接直接將我?guī)У较螺d頁面，在那里我下載一個*.pkg文件，該文件作為安裝程序運行。超級快速和簡單。

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

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

$ npx create-react-app my-app

…這個命令似乎要花很長時間才能執(zhí)行?？赡苁且驗檫@是我第一次使用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 ...

……是的，就是這樣。

這是我回來時看到的：

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