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挖得足夠深。