我一直在关注 Facebook 关于 React.js 的教程,为了教程的缘故,他们将示例全部放在一个页面上。
我想知道如何将我的组件分离到一个单独的文件中并将它们导入到我的主应用程序中。类似于以下内容。
/components
------>component1.js
------>component2.js
------>component3.js
/css
app.js
index.html
从网上的例子来看,有些需要组件,有些需要导入。
目前执行此操作的最佳方法是什么?是否有我可以遵循的好的样板文件/示例?
最佳答案
“导入”来自 JavaScript ES6,我强烈推荐使用它 - babel .
通过简单的谷歌搜索“react es6 样板”,您会发现许多样板项目,例如:https://github.com/vasanthk/react-es6-webpack-boilerplate
有一个关于如何在另一个样板文件中使用组件的简单示例:https://github.com/lalitkapoor/webpack-es6-react-boilerplate/tree/master/public/js
关于javascript - React.js 导入和使用组件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33852718/