在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;

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;

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;