English 我想动态地在按钮元素上包含/忽略Disabled属性。我已经看到了许多有关动态属性值的示例，但没有看到属性本身的示例。我有以下渲染功能：
render: function() {
var maybeDisabled = AppStore.cartIsEmpty() ? "disabled" : "";
return <button {maybeDisabled}>Clear cart</button>
}
由于出现了“ {”字符，因此引发了解析错误。如何基于AppStore.cartIsEmpty（）的（布尔值）结果包含/忽略禁用的属性？
这可以工作，禁用的问题是不能简单地为其设置布尔值。
if(AppStore.cartIsEmpty()){
return "<button disabled>Clear cart</button>"
}
else
{
return "<button>Clear cart</button>"
}
您可以将布尔值传递给disabled属性。
render: function() {
return <button disabled={AppStore.cartIsEmpty()}>Clear cart</button>
}
您可以在文档中找到类似的内容。
https://facebook.github.io/react/docs/transferring-props.html
在你的情况下可能是这样的
function MyComponent(props) {
let { disabled, ...attrs } = props;
if (disabled) {
// thus, it will has the disabled attribute only if it
// is disabled
attrs = {
...attrs,
disabled: true
}
};
return (
<button {...attrs}>MyLabel</button>
)
}
这段代码使用的是ES6，但我想你明白了。
这很酷，因为您可以将许多其他属性传递给此组件，并且该组件仍然可以使用。
一种简单而干净的方法
残疾人应该来自这样的道具