React.js导入和使用组件

Question

我正在关注React.js的Facebook教程，为了本教程的目的，他们在一个页面上做了他们的例子。

我想知道如何将我的组件分成单独的文件并将其导入我的主应用程序。如下所示。

/components
------>component1.js
------>component2.js
------>component3.js
/css
app.js
index.html

在线示例中，有些需要组件，有些则需要导入组件。

目前最好的方法是什么，是否有一个很好的样板/示例我可以遵循？

Answer 1

＆＃34;进口＆＃34;来自JavaScript ES6，我强烈推荐使用它 - 使用babel。

您会发现许多样板项目，只需谷歌搜索＆＃34;反应es6样板＆＃34;，例如：https://github.com/vasanthk/react-es6-webpack-boilerplate

有一个关于如何在另一个样板中使用组件的简单示例：https://github.com/lalitkapoor/webpack-es6-react-boilerplate/tree/master/public/js