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

【问题标题】：Getting 'import/no-anonymous-default-export' warning for named functions in React在 React 中为命名函数获取“import/no-anonymous-default-export”警告
【发布时间】：2021-03-19 18:58:48
【问题描述】：

我正在使用一个 React / Redux 应用程序，由于某种原因，即使命名了 reducer 函数，该应用程序 reducer 也会收到“import/no-anonymous-default-export”警告。

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 中，它位于userRedirect.js 所在的reducers 文件夹中。然后它使用 redux 中的 combineReducers 方法来处理 reducer。

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

export default combineReducers({
    userData,
    userRedirect
});

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

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，我尝试使用创建 userRedirect 减速器函数声明而不是表达式，但无论我做什么，它都会一直显示警告，而且我一生都无法弄清楚为什么。

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

非常感谢！

【问题讨论】：

标签： javascript reactjs redux react-redux eslint

【解决方案1】：

[ 导出默认 combineReducers({ 用户数据，用户重定向 });

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

这两个是匿名导出。

改成

const rootReducer = combineReducers({ 用户数据，用户重定向 });

导出默认的rootReducer；

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

导出默认存储；

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

【讨论】：