Javascript 用符号AND对条件单击进行反应

如果允许=真，我想编辑一张卡。我提出了这个解决方案：

const editCard = (onEdit, id, allowed) => {
    if (allowed) {
        onEdit(id);
    }
};

<Card onClick={() => editCard(onEdit, id, allowed)}>Card</Card>

我想制作一个简单的onClick，如下所示：

<Card onClick={() => allowed && onEdit(id)}>Card</Card>

我可以用符号在onClick上这样做吗？如果allowed=true，则编辑，否则onClick不应执行任何操作

---

这似乎管用，但我不知道它是否会一直管用。这会导致错误吗？是否有更好的方法来实现此单击事件？

是的，它将按预期工作：

true&&something调用something函数

---

false&&something在不调用某物时返回false是的，它将按预期工作：

true&&something调用something函数

---

false&&something返回false，但不调用某个对象

是的，这会起作用。但您也可以使用类似于：

<Card allowed onClick={() => onEdit(id)}>Card</Card>

<Card allowed={allowed} onClick={() => onEdit(id)}>Card</Card>

 <Card onClick={() => onEdit(id, allowed)}>Card</Card>

因此，根据具体情况，它将是allowed={true}或allowed={false}

哦，你想在editCard中使用它，所以你可以像这样使用：

<Card allowed onClick={() => onEdit(id)}>Card</Card>

<Card allowed={allowed} onClick={() => onEdit(id)}>Card</Card>

 <Card onClick={() => onEdit(id, allowed)}>Card</Card>

有条件语句的一个很好的用例是这样使用：如果allowed为true，则仅显示卡片

 {
   allowed &&
   <Card onClick={() => onEdit(id)}>Card</Card>
 }

---

这样，您就可以确保代码具有清晰的指令。所以，你找到了很多方法。快乐编码

是的，那会有用的。但您也可以使用类似于：

<Card allowed onClick={() => onEdit(id)}>Card</Card>

<Card allowed={allowed} onClick={() => onEdit(id)}>Card</Card>

 <Card onClick={() => onEdit(id, allowed)}>Card</Card>

因此，根据具体情况，它将是allowed={true}或allowed={false}

哦，你想在editCard中使用它，所以你可以像这样使用：

<Card allowed onClick={() => onEdit(id)}>Card</Card>

<Card allowed={allowed} onClick={() => onEdit(id)}>Card</Card>

 <Card onClick={() => onEdit(id, allowed)}>Card</Card>

有条件语句的一个很好的用例是这样使用：如果allowed为true，则仅显示卡片

 {
   allowed &&
   <Card onClick={() => onEdit(id)}>Card</Card>
 }

---

这样，您就可以确保代码具有清晰的指令。所以，你找到了很多方法。快乐编码

非常感谢，基本上if allowed=false onClick将调用一个返回false@user2456977yesthanks所以基本上if allowed=false onClick将调用一个返回false@user2456977对