TypeError:呈现用户注释列表时，无法读取未定义的属性“”map“”

import React, { useEffect, useState } from 'react';

function UserComments() {
    const [userComments, setUserComments] = useState([]);

    useEffect(() => {
        async function fetchComments() {
            try {
                const response = await fetch('/api/comments');
                const data = await response.json();
                if (Array.isArray(data)) {
                    setUserComments(data);
                } else {
                    console.error('Invalid data format:', data);
                }
            } catch (error) {
                console.error('Error fetching comments:', error);
            }
        }

        fetchComments();
    }, []);

    return (
        <div>
            {userComments.map((comment, index) => (
                <div key={index}>{comment.text}</div>
            ))}
        </div>
    );
}

export default UserComments;