Question

我还在弄清楚一切是如何运作的。但我绝对喜欢分页和过滤有多么简单！

这是我的问题：

我正在尝试构建一个相对简单的自定义字段。它应该从数组中呈现一堆字符串：

const ArrayField = ({ source, record = {} }) => {
  const hasItems = has(record, source);

  return (
    <div>
      {hasItems && record[source].map(item => <div key={item.id}>{item.designation}</div>)}
    </div>
  );
};

ArrayField.propTypes = {
  label: PropTypes.string,
  record: PropTypes.object,
  source: PropTypes.string,
};

在文档中说明如下：＆＃34;提示：render属性未在render（）方法中使用，但admin-on-rest使用它来显示表头。＆＃34; < / p>

但是，如果我这样传递我的标签，标签就不会显示：

export const PlaylistShow = (props) => (
  <Show title={<PlaylistTitle/>} {...props}>
    <SimpleShowLayout>
      <TextField source='id' />
      <TextField label='Name' source='designation' />
      <ArrayField label='Media' source='playlistItems' />
    </SimpleShowLayout>
  </Show>
);

我是否缺少一个步骤？不幸的是，我无法从文档中弄明白。

期待您的回答：）

Answer 1

有关custom inputs的文档：

提示：为避免每次使用组件时重复这些内容，您应将label和addLabel定义为defaultProps

自定义字段不会呈现传递的标签

1 个答案: