材质 UI 范围最小值最大值错误：无法读取 null 的属性“焦点”答案

【问题标题】：Material UI Range Min Max Error: Cannot read property 'focus' of null材质 UI 范围最小值最大值错误：无法读取 null 的属性“焦点”
【发布时间】：2020-10-05 18:06:47
【问题描述】：

我是 React 和 MaterialUI 的新手。我正在尝试使用 MaterialUI 制作具有最小和最大输入以及范围线的range filter，并以number-format 为例。如果我对 Slider 使用 prop 'value'，当我尝试移动拇指时，会抛出错误：

未捕获的类型错误：无法读取 null 的属性“焦点”。

但并非所有时候。如果我使用 prop 'defaultValue' 就没有这样的错误，但在控制台中是另一个错误：

Material-UI：一个组件正在改变一个组件的默认值状态初始化后不受控制的滑块。禁止显示此警告选择使用受控滑块。

我应该怎么做才能让它工作？ Code in Sandbox

【问题讨论】：

标签： reactjs range material-ui focus filtering

【解决方案1】：

要消除该警告，请执行以下操作：

setValues({
  ...values,
  [name]: Number(value)
});

API 说它期待一个 Number 但你提供了一个字符串

【讨论】：