reactjs - 映射 prop 数组时 React .map 不是函数

Question

import React from 'react';
import { IProject } from '../interfaces/IProject';

export default function Table(projects : IProject[]) {
    return (
        <table className="table-fixed w-full">
            <thead className="bg-gray-200">
                <tr>
                    <th className="border px-4 py-2 w-12">#</th>
                    <th className="border px-4 py-2">Project Name</th>
                    <th className="border px-4 py-2">abc</th>
                    <th className="border px-4 py-2">xyz</th>
                </tr>
            </thead>
            <tbody>
                {projects.map((project) => 
                    <tr>
                        <td key = {project.id} className="border px-4 py-2">{project.name}</td>
                        <td key = {project.id} className="border px-4 py-2">{project.totalHours}</td>
                    </tr>
                )}  
            </tbody>
        </table>
    );
}

我收到运行时错误：“TypeError：projects.map 不是函数”，我不知道我做错了什么。

标签： reactjstypescriptreact-native