ReactJS文件保存位置咨询：组件代码应存于哪个文件夹？

嘿，别发愁啦！针对你的问题，我给你一步步讲清楚：

1. 文件类型与命名 #

你写的这段是HTML代码，直接把它保存成index.html就好（当然也可以取别的名字，但index.html是浏览器默认的主页文件名，之后访问起来更方便）。

2. 简单的文件夹结构 #

作为React入门学习，完全不需要复杂的文件夹结构，按下面来就行：

• 先在你的电脑上创建一个专门的文件夹，比如叫react-component-learning（名字随意，只要你自己能快速找到它就行）
• 把刚才保存的index.html直接放进这个文件夹里就OK了——因为你用的是CDN链接引入React、ReactDOM和Babel，不需要额外安装本地依赖包，所以单文件就能运行。

3. 补全你的代码示例（方便测试） #

看起来你的代码没写完，我给你补了一个简单的React组件示例，你可以直接用：

<body>
  <div id="anmol"></div>
  <script src="https://unpkg.com/react@15/dist/react.min.js"></script>
  <script src="https://unpkg.com/react-dom@15/dist/react-dom.min.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.24/browser.min.js"></script>
  <script type="text/babel">
    // 创建一个简单的React组件
    var GreetingComponent = React.createClass({
      render: function() {
        return <h2>Hello, React Components!</h2>;
      }
    });

    // 将组件渲染到页面的anmol容器中
    ReactDOM.render(<GreetingComponent />, document.getElementById('anmol'));
  </script>
</body>

4. 如何运行 #

保存好文件后，直接双击这个index.html文件，就能用浏览器打开并看到React组件的效果了。如果之后你想更规范地运行，也可以用本地服务器（比如安装Node.js后，在文件夹里运行npx serve命令，然后访问提示的地址），但入门阶段直接打开文件完全够用。

内容的提问来源于stack exchange，提问作者Anmol Vishwakarma