javascript - 为什么要在 React 中为一个组件同时创建 index.js 和 Component.js?
问题描述
在研究一些项目时,我反复发现作者遵循的文件结构在没有上下文的情况下对我来说毫无意义。
例如,对于任何给定的组件,都会有一个文件夹Header
。会有两个文件,一个是 Header.js,另一个是 index.js(在同一个子文件夹中)。两者都会export default const
,但 index.js 也会导入相邻的 Header 组件。
这种结构背后的逻辑是什么?
解决方案
当您将事物(测试、组件、操作、reducers 等)组合到子文件夹中时,这是一种避免导入的常见模式:
// src/
// components/
// Header/
// index.js
// Header.js
// Header.test.js
import Header from 'components/Header/Header';
有利于:
import Header from 'components/Header';
推荐阅读
- c# - 使用 XAML 为多个控件设置 DataContext
- jquery - 如何将多个参数从服务器发送到 js 地图
- layout - Nativescript 中全屏 web 视图上的浮动按钮
- sql - 关系数据库:存储关系数据是一种不好的做法吗?
- angular - 预先设置今天日期以在 Angular 中输入类型日期
- android-studio - 如何在 Android Studio 中的右括号和左大括号之间自动添加空格?
- rest - 如何使用数据工厂 v2 将数据从 REST API 端点复制到 Azure DB?
- square-connect - Square POS API 的 iOS auto_return 超时是多少?
- python - MAPI 未定义
- c# - 用 C# dll 替换 ac api dll 而不影响客户端