在 React 中为命名函数获取“import/no-anonymous-default-export”警告

Question

我正在使用 React / Redux 应用程序，由于某种原因，即使命名了减速器功能，应用程序减速器也会收到“导入/无匿名默认导出”警告。

userRedirect.js

import {SET_USER_REDIRECT} from "../actions/actionTypes";

const initialState = {
    active: false,
    title: '',
    messages: [],
    btnText: ''
};

const userRedirect = (state = initialState, action) => {
    switch (action.type) {
        case SET_USER_REDIRECT:
            let newState = {...state};
            newState = {...newState, ...action.payload.redirectData};
            return newState;

        default:
            return state;
    }
};

export default userRedirect;

这个 reducer 被导入到一个index.js中，该 index.js 位于userRedirect.js所在的 reducers 文件夹中。 然后它使用redux中的combineReducers方法来处理减速器。

import {combineReducers} from 'redux';
import userData from './userData';
import userRedirect from './userRedirect';

export default combineReducers({
    userData,
    userRedirect
});

然后将其导入到发生这种情况的存储文件夹的索引中：

import {createStore, applyMiddleware} from "redux";

import thunk from 'redux-thunk';
import { composeWithDevTools } from 'redux-devtools-extension';

import rootReducer from "./../reducers";

export default createStore(rootReducer, composeWithDevTools(applyMiddleware(thunk)));

对我来说，插件或其他东西似乎有错误，但我尝试过npm install ，我尝试使用function 声明而不是表达式创建userRedirect减速器，但无论我做什么，它都会一直显示警告，对于我的一生，我无法弄清楚为什么。

大家对此有什么想法或建议吗？ 我只是错过了什么吗？

非常感谢！

Answer 1

[ 导出默认 combineReducers({ userData, userRedirect });

导出默认 createStore(rootReducer, composeWithDevTools(applyMiddleware(thunk)));

这两个是匿名导出。

将其更改为

const rootReducer = combineReducers({ userData, userRedirect });

导出默认 rootReducer；

const store = createStore(rootReducer, composeWithDevTools(applyMiddleware(thunk)));

导出默认存储；

如果看起来不好，请原谅我...从手机回答。 无法从手机格式化