将react-intl与react-table集成

Question

我在整个应用程序中使用react-intl进行翻译。我现在正试图以以下方式使用react-table将翻译后的消息用作表头:

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

但是我得到以下错误消息:

×

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

Answer 1

您可以尝试使用intl.formatMessageAPI代替。

Answer 2

直接添加将Id元素添加到对象，如下所示:

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