组件的引用

首页课程实战体系课手记专栏慕课教程

组件的引用

来源：3-1 优化方案

新童

2017-05-03

代码中引入Todo 直接写的是 import Todo from './containers/Todo'; 但是实际上Todo组件是定义在./containers/Todo/index.jsx中,为什么能省略掉index，如果containers/Todo下除了Todo组件还有其他组件，比如Todo文件夹下有个subpage文件夹定义了个List文件夹，List文件夹下有个文件叫list.jsx,里面定义为List组件要怎么引用？并且为什么例子里的组件定义都是叫index.jsx,只是在不同的路径下，为什么不是什么组件就叫什么名字呢。

写回答

1回答

双越

2017-05-03

这个我在教程中强调过，组件不是一个简单的 jsx 文件，可能是好几个文件的组合方式，index.jsx只是组件的一个引用入口而已。

另外，webpack会自动为你不全 index.jsx ，因此在引用时不用写。当然，写上也没有问题。

1

2

双越

回复

新童

resolve:{ extensions:['', '.js','.jsx']}, 至于 index 这个文件名，webpack会自动去寻找

2017-05-03

共2条回复

React高级实战打造大众点评Web App

已经对React Router4与Webpack2进行了项目升级

1711 学习 · 707 问题

相似问题

关于父组件调用子组件方法

回答 1

父组件的子组件上用了ref，子组件上绑定redux出差

回答 1

老师，组件外部函数，怎么调用组件里面的函数啊？

回答 1

关于约束组件

回答 1

智能组件与木偶组件

回答 1

打开慕课网App查看更多内容