將 react-intl 與 react-table 集成

Question

我在整個應用程序中使用react-intl進行翻譯。 我現在正在嘗試通過以下方式使用react-table將翻譯后的消息用作表的 Header：

    {
    Header: <FormattedMessage id="users.user" defaultMessage="User" />,
    accessor: 'role',
},

但我收到以下錯誤消息：

×

錯誤：需要列 ID（或字符串訪問器）！

Answer 1

您可以嘗試改用intl.formatMessage API。

Answer 2

只需像這樣將 id 元素添加到 object 中：

{
 Header: <FormattedMessage id="users.user" defaultMessage="User" />,
 id:'h1', //<--------------
accessor: 'role',
},