<list>中的<referencefield>仅适用于第二个请求 - Admin On Rest

Question

当加载具有相关市场资源的场地列表时，初始加载显示类似于this question的无限加载进度条，除了一件事;它在第二个渲染的列表中正确显示市场。

两个渲染的请求都是相同的。

first render | second render

这里可能会发生什么？

以下是视图组件

export const VenueList = (props) => (
  <List {...props}>
    <Datagrid>
      <TextField source="name" />
      <ReferenceField label="market" source="market" reference="markets">
        <TranslatableField source="title" />
      </ReferenceField>
      <EditButton basePath="/venues" />
      <DeleteButton basePath="/venues" />
    </Datagrid>
  </List>
);

这里是TranslatableInput

export const TranslatableField = ({ data, source, record = {}, elStyle, locale }) => {
  const translation = getTranslationByLocale(data || record[source], locale);
  return (<span style={elStyle}>{translation}</span>);
};