css - 按钮禁用背景颜色内联样式属性 jsx

Question

我有一种情况，我只能将属性传递给 jsx 组件，但我不能使用标准的 css 类(组件不可访问，只能通过将属性传递给其父组件来设置样式)。有没有办法使用内联样式属性为禁用的按钮设置背景颜色？

编辑我得到的最接近的是 style: {[disabled=true]:{backgroundColor: "red"}} 但我得到 Uncaught ReferenceError: disabled is not defined

Answer 1

是的。这样的事情应该有效:

定义你的风格:

const disabled = {
  backgroundColor: "red"
};

然后无论您的按钮组件出现在哪里:

<Button style={disabled}>
  Example Button
</Button>

祝你好运!