问如何在Material UI的Slider中将null设置为默认值

EN

import { Typography, Slider } from "@material-ui/core";

const marks = [
  { label: "None", value: 0 },
  {
    label: "Never",
    value: 1
  },
  {
    label: "Rarely Sometimes",
    value: 2
  },
  {
    label: " Frequently",
    value: 3
  },
  {
    label: "Almost always",
    value: 4
  },
  {
    label: "Always",
    value: 5
  }
];


export default function DiscreteSlider() {

  const [sliderValue, setSliderValue] = useState(marks[0].value);

  const onSliderValueChange = (e, val) => {
    setSliderValue(val);
  };
  return (
    <div>
      <Typography id="discrete-slider" gutterBottom>
        Slider
      </Typography>
      <Slider
        aria-labelledby="discrete-slider"
        valueLabelDisplay="off"
        value={sliderValue}
        onChangeCommitted={onSliderValueChange}
        marks={marks}
        min={0}
        max={5}
      />
    </div>
  );
}

import Rating from "@material-ui/lab/Rating";
import Typography from "@material-ui/core/Typography";

export default function SimpleRating() {
  const [value, setValue] = React.useState(0);

  return (
    <div>
      <Rating
        name="simple-controlled"
        value={value}
        onChange={(event, newValue) => {
          setValue(newValue);
        }}
      />
    </div>
  );
}