在材质ui react中获取数据到表数据

Question

我已经通过axios从网址中获取了一些数据。我想在React中将这些数据显示为实质性的ui表数据。在这里，“病人”是存储获取的数据的数组。 代码：

const [patient, setPatient] = React.useState([])
const [state, setState] = React.useState({
columns: [
  { title: 'Name', field: 'name' },
  { title: 'Gender', field: 'gender' },
  { title: 'Age', field: 'age', type : 'numeric' },
  { title: 'Birth Year', field: 'birthYear', type : 'numeric' },
  { title: 'Phone Number', field: 'phoneNumber', type : 'tele'  
  },
  ],
  data: [
  ],
 });

 React.useEffect(()=>{
 axios.get('http://127.0.0.1:8000/patient/AppModel/')
 .then(res =>{
  setPatient(res.data)
 })
.catch(err=>{
  console.log(err)
})
 },[])

return (
 <MaterialTable
  title="Patient List"
  columns={state.columns}
  data={state.data}
    />
 })}

但是实际上我不怎么将数组数据获取到对象数组。