display array with arrayField or other

Hello, I want to display a list of items that are stored in a array ([1,3,4,5,7…]) With ArrayField I can’t display the elements as I want because it expects an object array when I have a simple array. How to display the elements stored in a array ? Currently I am creating my own field for this :

const TagsFieldInstitutes = ({ record }) => (
  <div>
    {record.institutes.map(item => (
      <span key={item} className="chip">
        {item}
      </span>
    ))}
  </div>
);

But I think there is a better way. Thanks you for your help !

[dantman]

I cannot comprehend why this has been essentially wontfixed. There is nothing at all strange about an API returning an array of strings like ['a', 'b', 'c']. And it’s ridiculous to expect the API to be rewritten to return [{label: 'a'}, {label: 'b'}, {label: 'c'}]. That changes the API response that other clients uses from a sensible response to a nonsensical one.

[fzaninotto]

@afilp as explained in the documentation:

If you need to render a collection in a custom way, it’s often simpler to write your own component:

const TagsField = ({ record }) => (
    <ul>
        {record.tags.map(item => (
            <li key={item.name}>{item.name}</li>
        ))}
    </ul>
)
TagsField.defaultProps = { addLabel: true };

We won’t add a new field to replace a one liner in userland.