React.js导入和使用组件

React.js importing and using Components

本文关键字：组件 js 导入 React      更新时间：2023-09-26

我一直在关注Facebook关于React.js的教程，为了这个教程，他们在一个页面上制作了自己的示例。

我想知道如何将我的组件分离到一个单独的文件中，并将它们导入到我的主应用程序中。类似以下内容。

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

从联机示例中可以看出，有些需要中的组件，而另一些则导入这些组件。

目前最好的方法是什么？有没有一个好的样板/例子我可以遵循？

"import"来自JavaScriptES6，我强烈建议将其与babel一起使用。

你可以在谷歌上简单搜索"react es6样板"，找到许多样板项目，例如：https://github.com/vasanthk/react-es6-webpack-boilerplate

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

相关文章：