[React] React-admin TextArrayField

react-admin 에는 string 을 배열로 나열하게 만드는 field가 만들어져있지 않다.

이러한 기능을 왜 안 만들었는지 의문이지만, 다음에 사용하기위해 내가 직접 만들어 보았다.

 

TextArrayField.js

import React from "react"

export const TextArrayField = ({data}) => {

  const arrayValues = Object.values(data)
  return (
      <>
        {arrayValues.map((value, index) => <li key={value + index}>{value}</li>)}
      </>
  )
}

 

Show.js

 

<ArrayField source="tels" >
    <TextArrayField />
</ArrayField>