So benennen Sie einen Reducer oder eine Komponente beim Importieren

Question

Ich lerne Redux. Ich verstehe nicht, dass ich in der Datei ../reducers/index.js einen Reducer importieren kann, in diesem Fall heißt es "SearchReducer". Aber wenn ich in die Datei schaue, von der es aufgerufen wird, heißt die dort verwendete Funktion nicht "SearchReducer", sondern "Export Default Function" und so weiter. Könnte ich den Reducer grundsätzlich so nennen, wie ich ihn in der index.js haben möchte, wenn ich ihn importiere?

Hier werden die ../reducers/index.js

ist

import { combineReducers } from 'redux'; 
import SearchReducer from './reducer_search'; 
import { reducer as formReducer } from 'redux-form'; 

const rootReducer = combineReducers({ 
    search: SearchReducer, 
}); 

export default rootReducer; 

Hier werden die ../reducers/reducer_search.js

import { SEARCH_USER } from '../actions/index'; 

export default function(state = [], action) { 
    switch(action.type) { 
    case SEARCH_USER: 
    return [ action.payload.data ]; 
    } 
    return state; 
} 

Answer 1

Wenn die Komponente als Standard exportieren, können Sie importieren Wenn Sie es als named export exportieren, müssen Sie es unter dem gleichen Namen in {} importieren und dann können Sie es umbenennen, wie es in

getan wird