Класс рендеринга условно в React

Question

Я пытаюсь сделать класс условно. Если сопоставленный элемент пуст, я хотел бы, чтобы был класс, который отображает. В противном случае без изменений. Я уверен, что это очень просто, но я новичок в этом и не уверен, как определить пустой элемент. Это проблема с областью? Это код в моем компоненте:

const TableBody = (props) => {
  let classes = ''
  classes += (props.data.map === '') ? '' : 'collapse'
  return (
    <tbody>
      {props.data.map((item, index) => (
        <tr key={typy(item, 'sys.id').safeString || index}>
          {props.columns.map(column =>
            <td className={classes} role='cell' key={column.label}>{typy(item, column.path).safeObject}</td>)
          }
        </tr>
      ))}
    </tbody>
  )
}

Все элементы <td> свернуты, поэтому код, который я использую выше, не должен правильно определять пустое значение. Кто-нибудь может указать мне правильное направление здесь?

Answer 1

Согласно моему комментарию, props.data выглядит как массив. Вы проверяете, если props.data.map === '', который всегда оценивается как false. Возможно, вам следует исправить это утверждение, иначе класс всегда будет «свернуть». Надеюсь, это поможет!