如何解决如何创建这样的范围滑块功能?
我是 React 的初学者。我想在反应中学习更多关于 setstate 的知识。 所以,我尝试在这些条件下创建一个范围滑块。
• Min 的值不能更改为 Max 值。[滑块最初可以从 Min 移动到 Max。]
• 范围滑块的值介于 0.00 - 10.00 [2 位小数] 之间。
我应该怎么做才能使它成为可能?
我现在的代码是这样的
import React from 'react';
import { makeStyles } from '@material-ui/core/styles';
import Typography from '@material-ui/core/Typography';
import Slider from '@material-ui/core/Slider';
const useStyles = makeStyles({
root: {
width: 300,},});
function valuetext(value) {
return `${value}°C`;
}
export default function RangeSlider() {
const classes = useStyles();
const [value,setValue] = React.useState([4,7]);
const handleChange = (event,newValue) => {
setValue(newValue);
};
return (
<div className={classes.root}>
<Typography id="range-slider" gutterBottom>
Temperature range
</Typography>
<Slider
min={0}
max={10}
value={value}
onChange={handleChange}
valueLabelDisplay="auto"
aria-labelledby="range-slider"
getAriaValueText={valuetext}
/>
</div>
);
}
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。