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

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

Answer 1

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

true && something() 调用 something 函数

false && something() 只返回 false 而不会调用 something