更改样式颜色线性进度条/材质用户界面/ Reactjs

问题描述

 <LinearProgress style={{barColorPrimary: "red"}}" value={Number(campanha.Percentual)} />

如何更改条形的barColorPrimary?我需要在代码中使用样式。

解决方法

我喜欢使用withStyles()高阶组件来注入自定义样式。

在此处查看LinearProgress的示例:https://codesandbox.io/s/material-demo-forked-kwvb1?file=/demo.tsx(我们将barColorPrimary替换为条形颜色,将colorPrimary替换为背景)。

有关在Material UI中自定义组件的更多信息,请参见:https://material-ui.com/customization/components/