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。您可能应该修复该语句，否则该类将始终为“折叠”。希望有帮助！

在React中有条件地渲染类

1 个答案: