我的功能组件非常长。我想在文件中分开这些函数，像这样:
components/header/index.js // export
components/header/header.jsx // logic
components/header/style.scss // styles
components/header/header.test.js // test
components/header/useHeader.js // hooks
我正在学习。任何基本的建议都欢迎。
现在有很多方法来组织你的文件和repo，所以代码库看起来很好，很整洁，但在我看来，最好是采用通用到模块化的方法，这意味着把相关的东西放在一个文件夹下，通过它们与你的应用同步的方式，告诉其他开发者repo中发生了什么。例:
src --
components --
common --
header --
header.js
header.css
footer --
etc ..
pages --
Home --
Home.js
Home.css
utils --
services --
configs --
hooks --
store --
因此，有了这个结构，它可以快速告诉任何开发人员在哪里查找特定的东西，并且可以根据您的repo和命名约定在其中构建它们。