Javascript React.js-使用MySQL中的数据创建表

我对React和gerenal web开发是新手，我发现编写一个适合我需要的表很困难。我想要一个表，其中包含数据库中的字段，每个单元格都需要一个链接

我有spring后端，希望从那里获取数据，而不是从JSON文件。关于createreact表的每个（好的）教程都有json，而不是后端的数据库

我试过3种方法，但每种方法都有我想要的，也有我不能得到的： `类ItemComponent扩展了React.Component{

constructor(props) {
    super(props);
    this.state={
        items:[]
    }
}

componentDidMount() {
    ItemService.getItems().then((response)=> {
        this.setState({items: response.data})
    });
}

render(){
    const columns=[
        {
            Header: "Item ID",
            accessor: "id"
        },

        {
            Header: "Item Name",
            accessor: "name"
        }
    ]
    
    return (

    <ReactTable
        columns={columns}
        data={this.state.items}
    >
      </ReactTable>
    
    );

}

构造函数（道具）{
超级（道具）；
这个州={
项目：[]
}
}
componentDidMount（）{
ItemService.getItems（）然后（（响应）=>{
this.setState（{items:response.data}）
});
}
render（）{
常量列=[
{
标题：“项目ID”，
访问者：“id”
},
{
标题：“项目名称”，
访问者：“名称”
}
]
返回(
);
}

}` 这是一个使用ReactTable和my DB的应用程序，但它似乎一点也不灵活，并且在将链接放到每个单元格数据时遇到了问题

export const ReactTableTest = () => {


const {
    getTableProps, 
    GetTableBodyProps, 
    headerGroups, 
    rows, 
    prepareRow
} = tableInstance

const tableInstance =useTable({
    columns: columns,
    data: data
})

return (
    <table>
    <thead>
        <tr>
            <td>...</td>
        </tr>
    </thead>
    <tbody>

    </tbody>

</table>
);

export const reactabletest=（）=>{
常数{
可获取的道具，
GetTableBodyProps，
校长组，
排，
预制员
}=表实例
const tableInstance=useTable({
列：列，
数据：数据
})
返回(
...
);

})

教程中的第二部分总是使用JSON本地文件，我需要数据库中的数据。如果我尝试像使用React表一样执行此操作，它会发出一个错误，即我不能将const{getTableProps，GetTableBodyProps，…}这些放在类文件中，而不是放在函数中。但是，如果我创建一个函数，我就不能将构造函数（props）{…}和componentDidMount（）{…}放入其中，因此我无法从数据库中访问数据

---

我是新来的，所以我可能在这里遗漏了一些明显的东西idk..

React应该始终使用功能组件。不要再使用类了。