[英]Material-UI Slider didn't change active range color
我正在将Range Slider组件从零增加到十。 它应该为框内范围内的值上色,但不是。
这是我的滑块组件
export function VoteRange({ voteRange, setVoteRange }) {
const classes = useStyles();
const handleChange = (event, newValue) => {
setVoteRange(newValue);
};
return (
<div className={classes.root}>
<Slider
value={voteRange}
onChange={handleChange}
valueLabelDisplay="auto"
min={0}
max={10}
marks={marks}
/>
</div>
);
}
控制器处理程序
const [voteRange, setVoteRange] = useState([0, 10]);
标记值
const marks = [
{
value: 0,
label: '0',
},
{
value: 5,
label: 5,
},
{
value: 10,
label: 10,
},
];
我已经阅读了API,但是没有找到任何解决方案
我希望看到带有活动颜色范围的标记,但是当Slider设置为0-10时,只有“ 0”和“ 1”处于活动状态。 (当“滑块”设置为0-9且仅降低“ 0”时)
将软件包@ material-ui / lab从4.0.0-alpha.16更新到4.0.0-alpha.18可解决此问题
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.