MDBReact表更改标签区域设置

import { MDBTable, MDBTableHead, MDBTableBody } from 'mdbreact';
import 'mdbreact/dist/css/mdb.css';

const data = {
  columns: [
    {
      label: '姓名',
      field: 'name',
      sort: 'asc',
      width: 150
    },
    {
      label: '年龄',
      field: 'age',
      sort: 'asc',
      width: 150
    },
    {
      label: '性别',
      field: 'gender',
      sort: 'asc',
      width: 150
    }
  ],
  rows: [
    {
      name: '张三',
      age: 25,
      gender: '男'
    },
    {
      name: '李四',
      age: 30,
      gender: '女'
    },
    {
      name: '王五',
      age: 28,
      gender: '男'
    }
  ]
};

const TablePage = () => {
  return (
    <MDBTable>
      <MDBTableHead columns={data.columns} />
      <MDBTableBody rows={data.rows} />
    </MDBTable>
  );
}

const TablePage = () => {
  return (
    <MDBTable>
      <MDBTableHead columns={data.columns} color="primary-color" textWhite />
      <MDBTableBody rows={data.rows} />
    </MDBTable>
  );
}