如何在React指令主页上使用代码

在React.js入门页面上使用Node进行安装,它表示要执行以下操作。

安装react和react-dom软件包。 – 完成,没有错误

运行: npm install --save react react-dom babelify babel-preset-react

这工作得很好

然后运行….

 browserify -t [ babelify --presets [ react ] ] main.js -o bundle.js 

这给了我一个错误(我从来没有使用过浏览器)。

错误是没有findmain.js

在指令的上面,有一个名为main.js的文件里有一段随机的代码,只是……好吧,“坐在那里”并没有说明如何处理它。 所以我假设这是最后一个命令正在查找的文件。

所以我复制代码到一个名为main.js的文件中的节点目录,然后运行: browserify -t [ babelify --presets [ react ] ] main.js -o bundle.js

这工作 – 没有错误。

现在我不知道我希望看到“Hello world”文本渲染。 这种“入门”的方式是写的,它推断用户应该神奇地知道该怎么做才能看到示例文本渲染,但我不知道。

注:我作为一个Web服务器快速运行,作为一个便笺,我不懒惰,我认真地认为这些说明太偏,只是离奇的。 以下是“开始”给你的东西 – 减去快递networking服务器。

在这里输入图像说明

国际海事组织的“快速启动页面”对初学者不是很有帮助:

在您的项目文件夹中,您将需要以下文件:

  • package.json(由npm install生成…)
  • main.js(来自“quickstart”页面的javascript示例)
  • 由“browserify”命令生成的文件“bundle.js”
  • 包含以下内容的index.html

<!DOCTYPE html> <html> <head> </head> <body> <div id="example"></div> <script src="bundle.js"></script>
</body> </html>

您可以通过在浏览器中打开index.html来查看结果…