Ionic 6 IonList 不会渲染项目

Question

我正在尝试显示对象列表，每个 object 都将呈现为我拥有的自定义组件。

我将 Ionic 6 与 React 一起使用，但列表不会呈现。 我没有收到任何错误，所以我无法弄清楚出了什么问题。 我尝试寻找答案，但只能找到 Ionic 3/4 的答案。 这就是我尝试呈现列表的方式：

return <section id="Expenses">
    <div className="titleContainer">
        <div className="sectionTitle">Your Expenses</div>
        <button className="add">+</button>
    </div>

    <IonContent>
        <IonList>
            {
                expenses.map((ex, i) => {
                    return <ExpenseCard key={i} />
                })
            }
        </IonList>
    </IonContent>
</section >;

这是我的 ExpenseCard 组件：

const ExpenseCard: React.FC = () => {
return <div className="expenseCard">
    <div className="expenseCardTitle">
        <div className="expenseCategory">Category</div>
        <div className="expenseDesc">Description (Optional)</div>
    </div>
    <div className="expenseNumber">
        300$
    </div>
</div>
}

export default ExpenseCard;