reactjs - react Redux 错误 : default parameters should be last default-param-last

Question

在 React 中使用 Redux 我有一个警告，默认参数应该是最后一个 default-param-last。在我创建 const 仓库的那一行。我创建代码的方式有问题吗？或者有更好的代码吗？

这是我的代码

import {SAVE_ACTION} from '../actions/save-action';


cons initialState = {
    datasToSave:[]
};

const warehouse = (state = initialState, {type, payload}) => {
    switch(type) {
        case SAVE_ACTION: {
            const {datasToSave} = payload
            return {
                ...state,
                dataToSave
                };
            }

        default:
            return state;
    }
};

export default warehouse;

Answer 1

为您的操作参数添加一个默认值:

import {SAVE_ACTION} from '../actions/save-action';


cons initialState = {
    datasToSave:[]
};

const warehouse = (state = initialState, {type, payload} = {}) => {
    switch(type) {
        case SAVE_ACTION: {
            const {datasToSave} = payload
            return {
                ...state,
                dataToSave
                };
            }

        default:
            return state;
    }
};

export default warehouse;

您的代码本身没有任何问题。 default-param-last eslint 规则只是意味着在这种情况下，您需要在两个参数上指定默认值或禁用该特定行的规则。规矩要你做 ({type, payload}, state = initialState) =>但这不起作用，因为 redux 会以不同的顺序使用参数调用您的 reducer 。我会在 action 参数上设置默认值来解决这个问题:)。