更改反应增强说唱单选按钮颜色的正确方法是什么？

Question

更改react boostrap单选按钮颜色的正确方法是什么？默认颜色是蓝色，但我只是想以正确的方式更改为任何随机颜色。

我正在使用ReactJS，我的单选按钮如下所示：

const Radio = ({
id, type, name, checked, onChange, variant,
}) => (
<ToggleButton id={id} type={type} name={name} checked={checked} onChange={onChange} variant={variant} />
);

这是在返回该组件的地方添加一个className并更新css的问题吗？如果是，请告知。

提前谢谢。

Answer 1

这是在组件所在的位置添加className的问题吗返回并更新css

这是一种方法。但是，如果你想专门针对该变体(或覆盖现有的变体，如primary(，你可以这样做：

.btn-custom-variant {
background: orange;
}
<ToggleButton variant="custom-variant"/>

参考：https://react-bootstrap.netlify.app/getting-started/theming/#custom-样式变体

一般来说；正确的"；这样做的方式。这完全取决于您的前端体系结构。