material-ui：修改组件属性和内联不起作用

Question

我想修改'toggle'组件属性，以便当它处于'开'时颜色呈绿色。默认行为是'切换''thumbOnColor'被设置为'调色板'的主要颜色（在我的情况下'redA700'）。

该文档建议以下应该工作，但它并不：

<Toggle 
     defaultToggled={relay} 
     label={localization.get("user_bracelets_relay")} 
     ref="relayField" 
     onToggle={par(updateRelay, component)} 
     thumbStyle={{thumbOnColor:"green"}}/> 

我也只用“风格= ...”行内，“风格”为.css试过，specifiying“切换：...'在我的应用程序主题（即我定义我修改过的'调色板'）中，似乎没有任何工作，不管我做什么，默认行为仍然存在。理想情况下，我希望在未设置时切换“灰色”和“绿色”，当它是。

是它实际上可以改变“切换”材料UI组件的主题在我的应用程序？

Answer 1

最简单的方法是定义自己的主题，然后重写拇指和曲目颜色。欲了解更多详情，请阅读theme documentation here。但是，如果你觉得危险，你应该可以使用下面的代码片段，但要注意轨道颜色也需要进行类似的改变 -

thumbStyle={{backgroundColor:"green"}}

此外，您将需要提供不同的值这基于组件的切换状态。

更新 旧版本的文档有一个主题的切换，你可以找到它，如果你在documentation source at github挖得足够深。