Getting Error: Argument of type 'number' is not assignable to parameter of type 'string'

Question

我在我的 React TypeScript 项目中使用 React 播放器。我正在使用 material UI 音量滑块来设置 React 视频播放器的音量。

音量值介于 0 - 1 之间，因此为了计算与滑块相关的值，我创建了一个函数。

const handleState = (newValue: any) => {
    setState({ ...state, volume:parseFloat(newValue/100)});
  };

我的音量初始值为0.5。我使用 useState

设置它

const [state, setState] = useState({
    volume: 0.5
  });

我对音量滑块的调用

<Slider
            min={0}
            max={100}
            value={50}
            onChange={handleState}
          />

我在 newValue/100

上遇到错误

Answer 1

parseFloat(string) 接收一个字符串

所以在末尾添加一个Number(newValue)和toString()就可以修复它：

const handleState = (newValue: any) => {
    setState({ ...state, volume:parseFloat((Number(newValue)/100).toString())});
  };