react项目组件目录结构该怎么设置?

Question

问题:
react一切都是组件,目录不好规划,有时候很乱,各种组件,展示,容器高阶组件,路由等等,
头疼
放多了 找半天不记得放哪了
公共组件放一起,有时候提取的也就用到一次,都不知道怎么放

Answer 1

|--views（pages）// 展示的页面
  |--页面1
|--components // 具体到页面的组件，头部，尾部，导航栏等等
  |--cores // 主要组件
    |--主组件1
  |--container // 容器组件
    |--容器组件1
  |--组件1 // 其他组件
  |--组件2
|--router // 路由
|--utils //工具类
|--assets // 资源，静态
|--common // 公共类
//下面是可选的
|--store // redux存储
|--actions
|--reducer

其实项目没有一个写死的结构，结构都是根据具体项目进行细化，你不要被条条框框拘束死了，大体的结构对了，细化的结构你自己想怎么写，规则事先规定好，就不会乱了