如果 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 不应执行任何操作。
它似乎有效,但我不知道它是否总是
有效。这会导致错误吗?是否有更好的方法来实现此点击事件?
最佳答案
是的,它将按预期工作:)
true && something()
调用 something
函数
false && something()
只返回 false
而不会调用 something
关于javascript - react 条件 onClick 与符号,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/54789352/