reactjs - 使用 useMemo() 解决表中的依赖问题

Question

我有一个表组件，它使用对象中定义的列来呈现。我试图用它useMemo来记忆列，因为只要行中的表数据发生变化，它们就不会改变。

export const Table = ({ data, loadingData }) => {
  const COLUMNS = [
    {
        Header: 'Name',
        accessor: 'contact',
        Cell: e => <Link to={`/contactInfo/${e.value}`} style={{ color: "blue" }}
        >{e.value}</Link>
    },
    {
        Header: 'Title',
        accessor: 'contact_title'
    },
    {
        Header: 'Email Address',
        accessor: 'contact_email'
    },
    {
        Header: 'Phone Number',
        accessor: 'contact_phone'
    },
    {
        Header: 'County',
        accessor: 'county'
    },
    {
        Header: 'Affiliation',
        accessor: 'affiliation'
    }
  ]

  const columns = useMemo(() => COLUMNS, []);
      ....
}

这会引发警告：React Hook useMemo does nothing when called with only one argument. Did you forget to pass an array of dependencies? react-hooks/exhaustive-deps. 我该如何解决这个警告；我在这里做错了什么？