在React Table中返回一个值

import React from 'react';

const ValueCellRenderer = ({ value }) => {
  return <span>{value}</span>;
};

export default ValueCellRenderer;

import React from 'react';
import { useTable } from 'react-table';
import ValueCellRenderer from './ValueCellRenderer';

const Table = ({ data }) => {
  const columns = React.useMemo(
    () => [
      {
        Header: 'Column Name',
        accessor: 'columnName',
        Cell: ({ value }) => <ValueCellRenderer value={value} />,
      },
      // other columns
    ],
    []
  );

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

  // table rendering logic

  return <div>Table</div>;
};

export default Table;