显示基于jsx

Question

现在，仅当我在Isopsadmin帐户上登录时，复选框才会隐藏，但是每当我尝试登录其他帐户（Isomiadmin，Isrider，Isrunner）时，这些复选框将是可见的，而不是预期的结果。谁能提供帮助，因为我是JSX的新手，因此您的帮助将非常感谢。

我认为您可能需要更新以显示复选框的逻辑条件：

!(isOpsAdmin || isOmiAdmin || isRider || isRunner) && ...

如果任何条件是正确的，则该条件将是错误的。 您可能还想考虑使用html

hidden

属性：

Answer 1

  <TableCell 
     padding="checkbox"
     hidden={isOpsAdmin || isOmiAdmin || isRider || isRunner}
  >
    <Checkbox
      // eslint-disable-next-line no-console
      onChange={() => console.log("checked all")}
    />
  </TableCell>

您可以隐藏单元格本身，或者如果您只想隐藏Checkbox

，则可以在

hidden

组件内使用

Checkbox

属性