渲染属性或null

Question

对于Firefox(它禁用了disabled=""上的一个按钮(，我不需要输出属性，但很难使用jsx。错了吗？

{(a && !b) ? null : "disabled"}

我想是的，但如何表达呢？

非常感谢！休息时间，脑死亡！

Answer 1

只需制作一个样式作为备份计划：

const disabledButton = {
cursor: "default",
pointerEvents: "none"
}
<button style={(a && !b) ? disabledButton : {} } disabled={!(a && !b)}>

Answer 2

我不知道你是如何遇到这个问题的，如果我将disable={false}添加到按钮中，React甚至不会费心将其添加到按钮(可能它对Firefox有所了解(，但通常情况下，如果你想有条件地添加属性，请执行以下操作：

let myProps={}
if(something)
{
myProps.disabled = true;
}
return ( <input onClick={doSomethingUseful} {...myProps} /> );