reactjs - 如何使用 Context API 更新/编辑

Question

我知道可以通过上下文 API 添加和删除文件，但是您将如何编辑一个文件？

例如：这是带有全局上下文的 DELETE 函数

case "DELETE_TRANSACTION":
  return {
    ...state,
    transactions: state.transactions.filter(
      (transaction) => transaction.id !== action.payload
    ),
  };

或在此 ADD 函数示例中：

   case "ADD_TRANSACTION":
      return {
        ...state,
        transactions: [action.payload, ...state.transactions],
      };

编辑功能是什么？

Answer 1

案例 'EDIT_TRANSACTION': const updatedTransaction = action.payload;

        const updatedTransactions = state.transactions.map((transaction) => {
            if (transaction.id === updatedTransaction.id) {
                return updatedTransaction;
            }
            return transaction;
        });

        return {
            ...state,
            transactions: updatedTransactions
        };