Javascript 警告：失败的道具类型：提供给`ForwardRef（滑块）的道具`value`无效`

我正在尝试创建一个材质UI范围滑块，该滑块上有两个值。如果我设置：

const [value, setValue] = React.useState([5,20]);
   const [value, setValue] = React.useState([val]);
   const handleChange = (event, newValue) => {
       setValue(newValue);
  };

  return (
    <div className={classes.root}>
      <Typography id="range-slider" gutterBottom>
        Temperature range
      </Typography>
      <Slider
        value={value}
        onChange={handleChange}
        valueLabelDisplay="auto"
        aria-labelledby="range-slider"
        getAriaValueText={valuetext}
      />
      <Input value={value} />
    </div>
  );

我得到这个错误：

Warning: Failed prop type: Invalid prop `value` supplied to `ForwardRef(Slider)`.
    in ForwardRef(Slider) (created by WithStyles(ForwardRef(Slider)))

    in WithStyles(ForwardRef(Slider)) (at demo.js:32)

    in div (at demo.js:28)

    in RangeSlider (at index.js:6)

---

滑块仍在渲染，但仅使用1点而不是2点

将val传递给useState时，是否尝试删除[]括号。我得到的警告的含义是，它需要一个数组，但在传递[val]时它得到了一个数组。

在我的例子中，我没有将字符串转换为数值。属性值需要一个数值或一个数字数组。将值作为字符串传递，例如“23”而不是23，可能会导致此警告。

这正是问题所在。非常感谢。

Warning: Failed prop type: Invalid prop `value` supplied to `ForwardRef(Slider)`.
    in ForwardRef(Slider) (created by WithStyles(ForwardRef(Slider)))

    in WithStyles(ForwardRef(Slider)) (at demo.js:32)

    in div (at demo.js:28)

    in RangeSlider (at index.js:6)