javascript - React 不要使用字符串文字在单元​​格中呈现空值

Question

如果用户没有输入值，我不想为 address2 和 address3 呈现 null。谁能告诉我做这件事的美好一天。谢谢

result.map((row) => (
    <TableRow key={row.name}>
       <TableCell align="center">
           {`${row.address1} ${row.address2} ${row.address3}`}
       </TableCell>
    </TableRow>
))}

Answer 1

我认为一个好方法是将地址保存在一个数组中，您可以像这样过滤和加入:

{
  result.map((row) => (
    <TableRow key={row.name}>
      <TableCell align="center">
        {[row.address1, row.address2, row.address3].filter(i => i).join(' ')}
      </TableCell>
    </TableRow>
  ))
}