无法访问React[重复]中的对象值

我有一个功能反应组件,我想返回一个关于汽车的信息列表。返回语句的前三行(model、maker、release)加载时没有问题,但类别不会加载,因为React表示“category”未定义。

当我控制台。记录汽车设置为状态后,汽车对象上有categories键,我可以将其展开以显示三个类别对象。然后,我可以展开其中的每一个以显示类别。id和类别。名称

那么有没有办法接近这辆车呢。类别。类别名称问题是有三个对象吗?

const CarDetails = () => {
    const {carsId} = useParams();
    const [car, setCar] = useState([])

    const loadCar = () => {
        getOneCar(carsId)
            .then(data => {
                setCar(data)})
    }

    useEffect(() => {
        loadCar()
    }, []);

    useEffect(() => {
        console.log(car)
    }, [car])


    return (
        <>
        <h2>{car.model}</h2>
        <p>Maker: {car.maker}</p>
        <p>Year released: {car.released}</p>
        {/* <p>Categories: {car.categories.category.name}</p> */}
        </>
    )

这就是对象的外观

"model": Corvette
"maker": Chevrolet
"categories": [
            {
                "id": 1,
                "category": {
                    "id": 1,
                    "name": "Sports"
                }
            },
            {
                "id": 2,
                "category": {
                    "id": 2,
                    "name": "Hybrid"
                }