26、基于 Firebase 和 Redux 的 React 应用开发：费用管理与用户认证

基于 Firebase 和 Redux 的 React 应用开发：费用管理与用户认证

1. 费用管理功能实现

1.1 移除费用

在 React 应用中使用 Firebase 和 Redux 移除费用，可按以下步骤操作：
1. 创建 action creator ：在 expenseActions.js 文件中创建 removeExpense action creator，代码如下：

export const removeExpense = (id) => ({
  type: 'REMOVE_EXPENSE',
  id
})

2. 更新 reducer 函数 ：使用 filter() 方法从状态中移除匹配 ID 的费用，代码如下：

const expensesReducer = (state = [], action) => {
  switch (action.type) {
    case 'ADD_EXPENSE':
      return [...state, action.expense]
    case 'EDIT_EXPENSE':
      return state.map((expense) => {
        if