我正在使用 react 使用 contextHook 和 reducerHook 制作應用程序項目，但得到：TypeError：無法讀取未定義的屬性“地圖”幾天前同樣的代碼還在工作，但現在它給出了那個錯誤。我已經浪費了很多時間試圖在互聯網上尋找答案，但我無法獲得任何幫助......以下是錯誤圖片和我的代碼：Github repo 上的完整代碼錯誤圖片 1錯誤圖片 2錯誤圖片 3//App.jsimport React from 'react';import './App.css';import Header from './Header';import Balance from './Balance';import AccSummary from './AccSummary';import TransactionHistory from './Transactionhistory';import AddTransaction from './AddTransaction';function App() {  return (    <div className='container'>      <Header />      <Balance />      <AccSummary />      <TransactionHistory />      <AddTransaction />      </div>        );}export default App;//Transaction.jsimport React from 'react';export const Transaction = ({transObj}) => {     return (        <li>            <span>{transObj.description}</span>            <span> {transObj.amount} </span>          </li>    )}//TransactionHistory.jsimport React, { useContext } from 'react';import { TransactionContext } from './TransContext';import { Transaction } from './Transaction';function TransactionHistory() {    let  {transactions}  = useContext(TransactionContext);  return (    <div>      <h2> History </h2>      <hr />      <ul className='transaction-list'>        {transactions.map(transObj => (          <Transaction key={transactions.id} transactions = {transactions} />        ))}        //Add Transaction.jsimport React from 'react';function AddTransaction() {  return (    <div>    <h2 className='AddTrans'> <br /> Add New Transaction</h2>    <hr />    <form className = 'transaction-form'>      <label>        Enter Description <br />        <input type='text'        placeholder='Enter Detail of Transaction' className='color'/> <br />      </label>      <label>        Enter Amount <br />        <input type='Number'        placeholder='Enter Transaction Amount'/>      </label>      <br />      <input className='button' type="submit" value="Add Transaction"/>    </form>    </div>  );}