我想制作“DeleteTransaction”案例并使用过滤器删除状态的内容。 任何人都可以通过我的代码帮助我

Question

任何人都可以在我的代码中帮助我......我想制作“DeleteTransaction”案例并使用filter删除状态的内容。 代码如下：

const TransactionReducer = ((state, action) => {
    switch(action.type){
        case "AddTransactions": {
            return [action.payload, ...state]
        }
        default:
            return state;
    }
})

export default TransactionReducer;

Answer 1

您可以创建一个新案例并filter()您的state 。 filter()返回一个新数组，因此以下应该有效：

const TransactionReducer = ((state, action) => {
    switch(action.type) {
        case "AddTransactions": 
            return [action.payload, ...state]
        
        case "DeleteTransaction": 
            return state.filter(item => item.id !== action.payload)
        
        default:
            return state;
    }
})

export default TransactionReducer;

您可以传递一个id作为payload并检查它是否与state数组中的id相同。 （虽然我不知道你的state是什么样的，所以这只是一个猜测。）