Reactjs 如何获取React'@材料界面/数据网格'；从对象数据

我试图从mockapi获取数据，并将其放在我的数据网格中

数据网格需要定义行和列

我为实践手动定义了它们，但我想从axios获取对象数据，并将它们映射到行和列中

async function getBoards() {
    const response = await axios.get(
        'https://60aba7e...
    );
    return response.data;
 ...
const {loading, data, error } = state;

<DataGrid rows={props.rows} columns={props.columns} pageSize={10} onRowSelected={(e) => {showPopUp(e.data);}}/>

}

异步函数getBoards（）{ const response=等待axios.get( 'https://60aba7e... ); 返回响应数据； ... 常量{加载，数据，错误}=状态； {showPopUp（e.data）；}}/> }

---

尝试类似的方法来映射数据

const detailsRows = rows.map((row) => {
return {
  id: row.item_id,
  model: row.model_no,
  title: row.title,
};

然后像这样将其传递给DataGrid

<DataGrid rows={detailsRows} columns={props.columns} pageSize={10} onRowSelected={(e) => {showPopUp(e.data);}}/>

{showPopUp（e.data）；}}/>

非常感谢！！它工作得很好！