Si necesita importar varios archivos de una carpeta como:

 import {SearchInput} from './components/TextInputs/SearchInput' import {TextInput} from './components/TextInputs/TextInput'

Recomendaría crear un archivo de índice. Esto reduce la cantidad de instrucciones de importación que utilizará en otros componentes:

 /app /components /TextInputs SearchInput.js TextInput.js index.js

con el contenido: (/TextInputs/index.js)

 import {SearchInput} from './SearchInput' import {TextInput} from './TextInput' export {SearchInput, TextInput}

y utilícelo en los otros componentes como:

 import {TextInput, SearchInput} from './components/TextInputs'

Esta es la razón por la que index.js se usa principalmente y hace que las importaciones sean más manejables y legibles en algunos casos. ¡Completamente hasta el desarrollador!

Es probable que sea más una preferencia personal que no, pero creo que los índices tienen 2 beneficios principales.

• Le permite a su usuario saber que este archivo es la clave y el archivo principal para ese directorio, por ejemplo, si veo un index.scss en /style, asumo de inmediato que el índice @importará otros parciales. Si veo un index.js en un directorio raíz, asumo de inmediato que es probablemente a lo que se refiere package.json. Entonces, en cierto sentido, te está comunicando cosas.
• La mayoría de los proyectos de TypeScript/react permitirán importar con índice sin tener que especificar el archivo de índice y lo cargará automáticamente por usted.

 // ./src/example/index.js import Example from './src/example' ... // ./theme/index.scss import './theme'

Que importará automáticamente el archivo index.

Esto también ayuda mucho cuando usa algo como módulos css o estilos por componente donde se almacena en el mismo directorio, de modo que aún puede importar el componente normal sin tener que hacer algo como import Header from './Header/header.js' .

Sin embargo, hay una advertencia, si bien tiene algunos beneficios, también puede ser difícil de depurar a veces cuando tiene 20 archivos llamados índice, cuando uno de ellos se rompe y el depurador solo le dice que está en un archivo llamado "index.js" sin siendo más específico sobre qué archivo o qué directorio.