带有条件运算符的多个内联 If-Else

Question

你能帮我看看这个表情吗。基本上我想说的是如果 props.row.registered 为 true，则将禁用设置为 true，或者如果 props.row.registered 为 undefined，则将其设置为 false。

<Button
     disabled={!props.row.registered ? true : !props.row.registered === undefined ? false : true}
    ...
    />

Answer 1

你的三元运算符基本上是这样做的：

if(props.row.registered === true) {
  return true;
else {
  return false;
}

可以简化为：

return props.row.registered;

所以根据您的条件，它将是：

props.row.registered || props.row.registered !== undefined

（根据您的陈述，因为您的代码将禁用设置为 true，如果 props.row.registered 是 false，这与您的陈述相反）

Answer 2

您的布尔值可以有 4 个值：false、true、undefined 和 null.

disabled={props.row.registered}

对于您的用例应该足够了，因为 undefined 和 null 都是假的。

Multiple Inline If-Else with Conditional Operator