对与号的条件onClick做出反应

Question

如果要编辑卡片allowed=true。我想出了这个解决方案：

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不应执行任何操作。

它似乎有效，但我不知道它是否always有效。这会导致错误吗？有没有更好的方法来实现此click事件？

Answer 1

是的，它将按预期工作:)

true && something()通话something功能

false && something()false不打电话时返回something