我在将Laravel API的数据放入React中时遇到了问题，当执行fetch并带来数据时，JSON数据出现在控制台中没有问题，但当我想将它们放入表中列出它们时，出现错误并说我的.map不是一个函数，我希望你能帮助我。

import React from 'react';

class Crudcategories extends React.Component{

    state = {
        categories:[]
    }
    componentDidMount(){
        fetch("http://localhost:8000/api/categories")
        .then(response => response.json())
        .then(categoriesJson => this.setState({categories:categoriesJson}))
    }
    
    render(){
        const{categories} =this.state
        
        return(
            <div>
                <h1>Categories</h1>

                <br/>
                <table className="table table-striped table-border table-hover">
                    <thead>
                        <tr>
                            <th scope="col">#</th>
                            <th scope="col">Name</th>
                        </tr>
                        </thead>
                        <tbody>
                            {categories.map((category,i)=>
                            <tr key={i}>
                                <th scope="row">{i+1}</th>
                                <td>{category.name}</td>
                            </tr>
                            )}
                        </tbody>
                </table>
            </div>
        )
    }
}
export default Crudcategories

字符串
我试过改变我的取数，我的Map，但我不能解决它