显示布尔价值的材料表的反应

Question 1

我实施的材料表的事件记录。数据的这一事件日志收到的'string'&'布尔'值。我可以显示的串值，但是，我唯一可以显示所有真正或有错误的。我不能找出如何获得真正的和虚假的价值，以显示正确。

<TableContainer component={Paper}>
    <Table>
      <TableHead>
        <StyledTableRow>
          {data[0] &&
            columns.map((heading) => <TableCell>{heading}</TableCell>)}
        </StyledTableRow>
      </TableHead>
      <TableBody>
        {data.map((row) => (
          <TableRow>
            {columns.map((column) => (
              <TableCell>
                {typeof row[column] === 'boolean' && false
                  ? 'False'
                  : typeof row[column] === 'boolean' && true
                  ? 'True'
                  : row[column]}
              </TableCell>
            ))}
          </TableRow>
        ))}
      </TableBody>
    </Table>
  </TableContainer>

Question 2

你ternaries需要调整。例如：

 typeof row[column] === 'boolean' && false

总是会评估来 false. 它看起来像你这样的意思：

  typeof row[column] === 'boolean' && row[column]===false

等等的其他人。

虽然我应该指出的是你不需要第一类型相比在所有-你可以这样做：

 {row[column] === false ? 'False' 
                        : row[column] === true
                        ? 'True' 
                        : row[column]}

Will Jenkins · Answer 1 · 2021-11-23T16:02:43

你ternaries需要调整。例如：

 typeof row[column] === 'boolean' && false

总是会评估来 false. 它看起来像你这样的意思：

  typeof row[column] === 'boolean' && row[column]===false

等等的其他人。

虽然我应该指出的是你不需要第一类型相比在所有-你可以这样做：

 {row[column] === false ? 'False' 
                        : row[column] === true
                        ? 'True' 
                        : row[column]}

显示布尔价值的材料表的反应

的问题

最好的答案

其他语言

此页面有其他语言版本

受欢迎的此类别

流行的问题，在这个类别