在React-Admin中显示数组

，可以通过使用自定义组件或字段格式化来实现。

自定义组件：可以创建一个自定义组件来显示数组。首先，创建一个React组件，接收数组作为参数，并将其渲染为所需的格式。例如，可以将数组转换为逗号分隔的字符串或以列表形式显示。然后，在React-Admin中使用该自定义组件来显示数组字段。

示例代码：

import React from 'react';

const ArrayField = ({ record }) => {
  const arrayAsString = record.arrayField.join(', '); // 将数组转换为逗号分隔的字符串
  // 或者使用以下代码将数组以列表形式显示
  // const arrayAsList = record.arrayField.map(item => <li key={item}>{item}</li>);

  return (
    <span>{arrayAsString}</span>
    // 或者使用以下代码将数组以列表形式显示
    // <ul>{arrayAsList}</ul>
  );
};

export default ArrayField;

然后，在React-Admin的资源配置中，使用<ArrayField />组件来显示数组字段。

示例代码：

import React from 'react';
import { List, Datagrid, TextField } from 'react-admin';
import ArrayField from './ArrayField';

const MyResourceList = (props) => (
  <List {...props}>
    <Datagrid>
      <TextField source="id" />
      <ArrayField source="arrayField" />
      {/* 其他字段 */}
    </Datagrid>
  </List>
);

export default MyResourceList;

字段格式化： React-Admin提供了字段格式化功能，可以使用该功能来显示数组字段。在资源配置中，使用<TextField />组件，并通过format属性指定一个函数来格式化数组字段。

示例代码：

import React from 'react';
import { List, Datagrid, TextField } from 'react-admin';

const formatArrayField = (record) => record.arrayField.join(', '); // 将数组转换为逗号分隔的字符串

const MyResourceList = (props) => (
  <List {...props}>
    <Datagrid>
      <TextField source="id" />
      <TextField source="arrayField" format={formatArrayField} />
      {/* 其他字段 */}
    </Datagrid>
  </List>
);

export default MyResourceList;

以上是在React-Admin中显示数组的两种方法。根据具体需求选择适合的方法来展示数组字段。