Как мы можем импортировать index.js по умолчанию, и редуктор, который не находится внутри файла index.js

Question

В моем коде нет ни именованных классов, ни функций-редукторов, но в объяснении говорится, что по умолчанию в index.js он принимает index.js. Есть класс или функция с именем reducer, у меня нет ошибок, и компиляция в порядке как?

Я использовал create-реагировать -app для создания приложения

Ниже приведен код index.js, который представляет собой редукторы

import { combineReducers } from 'redux';
import movies from './movies_reducer';

const rootReducer =  combineReducers({
    movies
})

export default rootReducer

Ниже приведен файл index.js, в котором я использую индекс.js от редуктора

import reducers from './reducers'

const   createStoreWithMiddleware = applyMiddleware()(createStore)

ReactDOM.render(

<Provider store={createStoreWithMiddleware()}>
<App />
</Provider>,

Как работает приведенный выше код, пожалуйста, объясните

Answer 1

Импорт каталога является синтаксическим сахаром для импорта файла index.js внутри каталога.При условии, что у вас есть каталог с именем redurs и файл с именем index.js внутри него, следующие операции импорта эквивалентны.

import reducers from './reducers'
import reducers from './reducers/index'
import reducers from './reducers/index.js'

Кроме того, экспорт по умолчанию можно импортировать с любым именем.

export default rootReducer

// file.js - the following import statements import the same rootReducer
import reducers from './reducers'
import rootReducer from './reducers'
import anyName from './reducers'