如何将GraphQL服务器上的数据显示到npm react-table？

 if (loading) return <p>Loading...</p>;

 if (error) return <p>Error :(</p>;

 // 在这里处理数据并渲染react-table

 const columns = [

   // 在这里定义react-table的列

 ];

 const { getTableProps, getTableBodyProps, headerGroups, rows, prepareRow } = useTable({ columns, data });

 return (

   <table {...getTableProps()}>

     <thead>

       {headerGroups.map(headerGroup => (

         <tr {...headerGroup.getHeaderGroupProps()}>

           {headerGroup.headers.map(column => (

             <th {...column.getHeaderProps()}>{column.render('Header')}</th>

           ))}

         </tr>

       ))}

     </thead>

     <tbody {...getTableBodyProps()}>

       {rows.map(row => {

         prepareRow(row);

         return (

           <tr {...row.getRowProps()}>

             {row.cells.map(cell => (

               <td {...cell.getCellProps()}>{cell.render('Cell')}</td>

             ))}

           </tr>

         );

       })}

     </tbody>

   </table>

 );