[英]Material-UI Slider didn't change active range color
I'm making Range Slider component from zero to ten. 我正在将Range Slider组件从零增加到十。 It should color values that inside the range from the box, but it doesn't.
它应该为框内范围内的值上色,但不是。
Here is My Slider Component 这是我的滑块组件
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>
);
}
Handlers from controller 控制器处理程序
const [voteRange, setVoteRange] = useState([0, 10]);
Marks values 标记值
const marks = [
{
value: 0,
label: '0',
},
{
value: 5,
label: 5,
},
{
value: 10,
label: 10,
},
];
I have read the API but didn't find any solution 我已经阅读了API,但是没有找到任何解决方案
I expect to see marks in range with active color but when Slider set to 0-10 only '0' and '1' are active. 我希望看到带有活动颜色范围的标记,但是当Slider设置为0-10时,只有“ 0”和“ 1”处于活动状态。 (when Slider set to 0-9 and lower only '0' active)
(当“滑块”设置为0-9且仅降低“ 0”时)
将软件包@ material-ui / lab从4.0.0-alpha.16更新到4.0.0-alpha.18可解决此问题
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.