集成react-intl和react-table

Question

我在我的应用程序中使用react-intl进行翻译。我现在正尝试通过以下方式使用react-table将翻译后的消息用作表的标题：

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

但我得到了以下错误消息：

×

错误:需要列ID (或字符串访问器)！

Answer 1

您可以尝试使用intl.formatMessage接口。

Answer 2

只需将id元素添加到对象中，如下所示：

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