使用入门套件

official facebook documentation提供入门套件that you can download，然后您需要做的就是：

解压缩入门套件
在解压缩的入门工具包的根目录中添加helloworld.html文件（根目录是包含构建和示例文件夹的目录）
编辑该html文件，删除文件中现有的react组件，然后从你的小提琴中添加任何必要的html
在名为src
在src目录中添加一个名为helloworld.js
将小提琴中的js复制到该文件中
在helloworld.html文件中添加指向js文件的脚本标记：<script type="text/babel" src="src/helloworld.js"></script>

完成后，您的文件应如下所示：

的helloworld.html

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8" />
    <title>Hello React!</title>
    <script src="build/react.js"></script>
    <script src="build/react-dom.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.23/browser.min.js"></script>
    <script type="text/babel" src="src/helloworld.js"></script>
</head>
<body>
<div id="container"></div>

</body>
</html>

SRC \ helloworld.js

var H = React.createClass({

    getInitialState:function(){
        return{count:0}
    },

    increment:function(){
        this.setState({count:this.state.count+1});
    },

    render: function() {
        return (
            <button onClick={this.increment}>I have been clicked {this.state.count}times!</button>
        );
    }
});

ReactDOM.render(
<H />,
    document.getElementById('container')
);

在浏览器中查看

然后，在浏览器中打开helloworld.html文件。 Internet Explorer不会为我打开它，文档说Chrome可能不喜欢单独的js文件，我不得不使用Firefox。我只是右键单击该文件并使用Firefox选择打开。该网址应类似于file:///C:/Users/Tom/Downloads/react-0.14.6/react-0.14.6/helloworld.html

使用NPM

或者，如果您对节点和npm的熟悉，那么that page也会提供从npm启动并运行React所需的所有说明。

Answer 2

首先，您需要某种类型的IDE（例如Atom，Sublime，Cloud9等）;这是你的代码编辑器，就像JSFiddle提供的那样。从那里开始运行的最简单方法是使用nodejs在本地运行开发服务器。这是一个入门套件，具有许多用于开发的强大功能：https://github.com/RickWong/react-isomorphic-starterkit

Answer 3

Create-react-app将帮助您创建一个反应迅速的项目

npx create-react-app my-app
cd my-app
npm start

如何在我的本地PC中运行ReactJS？

3 个答案:

使用入门套件

的helloworld.html

SRC \ helloworld.js

在浏览器中查看

使用NPM