Kann die Slider-Tracking-Animation deaktiviert werden?

Question

MUI hat eine Slider-Komponente: https://mui.com/material-ui/react-slider/

Ich versuche herauszufinden, wie ich die Animation, die auf einer Kachel abgespielt wird, deaktivieren kann, um sie an eine neue Position zu verschieben, sodass sie sich sofort bewegt. Gibt es eine Möglichkeit, dies zu tun?

Answer 1

您需要使用样式实用程序关闭滑块的拇指和轨道元素的 transition 属性：

import Slider from '@mui/material/Slider';
import { styled } from '@mui/material/styles';

const CustomSlider = styled(Slider)(({ theme }) => ({
  "& .MuiSlider-thumb": {
    transition: 'none'
  },
  "& .MuiSlider-track": {
    transition: 'none'
  },
}));