javascript - React.js 导入和使用组件

标签 javascript facebook reactjs

我一直在关注 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/

相关文章:

javascript - Promise.all后的返回值

javascript - 在 ajax 响应上解析 html 元素

facebook - 如何通过图形 API 获取 first_name?

facebook - 如何授予我的应用程序对我创建的页面或组的权限?

reactjs - 使用 enzyme 安装测试具有连接的子组件的 react 组件

javascript - 工作表js xlsx writeFile回调

javascript - Facebook 永久访问 token

javascript - 如何根据元素的宽度改变背景颜色?

java - 尝试使用字符串标记生成器读取状态名称时出错

android - setFragment 错误 - FB-Native 登录