如何在 material-ui 元素中插入 console.log 以验证对象/数组/值

Question

执行此代码 sn-p 时，我从 react js 收到错误：

<TableBody>
  { (data.length > 0) ? (
    data.map((x, i) => row(
    x,
    i,
    formColumns,
    handleRemove,
    handleSelect,
    editIdx
    ))) : (<TableRow><TableCell colSpan={`${cols}`}>No Data</TableCell></TableRow>)}
</TableBody>

'data' 的值是一个空数组 []，它应该返回长度为 0 但它以某种方式通过了长度测试。

相反，我收到一个错误“data.map 不是函数”。

我正在尝试插入：

console.log('data = ' + JSON.Stringify(data, null, 2) + '.'))

在某处的代码中，所以我可以看到它在做什么。当我检查进入表格的数据时，它是 = []。那么为什么长度不起作用，我需要做什么才能将 javascript 代码放在一组 material-ui 元素中？任何帮助将不胜感激！

Answer 1

类似：

{ console.log('data = ' + JSON.Stringify(data, null, 2) + '.')) }