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

问题描述

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

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

解决方法

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

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，这与您的声明相反）

,

您的布尔值可以具有4个值：false，true，undefined和null。

disabled={props.row.registered}

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