警告：缺少键的翻译：“”；

Question

我正在使用 react-admin 创建我的网站。但是我每次都会从列表页面收到此警告'警告：缺少键的翻译：“”;'

const ListTitle = () => {
    return <span>User Agents</span>;
}

 const SitemapFilter = props => (
    <Filter {...props}>
     <TextInput label="Type" source="type" alwaysOn/>
   </Filter>
   );

  export const SitemapList = props => (
     <List {...props} filters={<SitemapFilter />} title={<ListTitle />}>
    <Datagrid>
     <TextField source="type" label="Type"/>
     <UrlField source="url" label="URL"/>
     <EditButton/>
   </Datagrid>
 </List>
);

我找不到原因。请指教。提前致谢。

Answer 1

我发现 EditButton 组件是原因。向其添加 label 道具可解决问题。

<EditButton label="Edit" />

Answer 2

如果您还因为此错误而超出最大调用堆栈大小，则您可能不会return从后端获取 not null 值。

例如，如果您有一个 <TextField source="type" /> 并且类型是必需的，但您 return 一个空值，那么您将收到此错误。解决方案是要么让它不需要，要么 return 一个 not null 响应。

Answer 3

tl;博士

检查您的后端 returns 是否正确响应！

说明

docs on response format状态：

DELETE: { data: {Record|null} } The record that has been deleted (optional)

在我们的 API 中，后端返回了一个没有内容的简单 HTTP 204（很明显）。这导致了错误：

Warning: Missing translation for key: "Cannot read property 'hasOwnProperty' of undefined"

将响应更改为已删除的记录修复了该问题。

警告：缺少键的翻译：“”；

Warning: Missing translation for key: "";

react-admin

tl;博士

说明