Reactjs 简单的字体大小变换器，带有材质UI滑块和React

我正在尝试使用React和Material UI制作一个简单的滑块来更改字体大小。 滑块称为PrettoSlider，它是材质UI的一部分

我试图实现的是使用滑块，然后根据滑块更改字体大小。 这就是我目前所拥有的

export default function ChangeFontSlider() {

  const [ItemValue, setItemValue] = React.useState(20);

const handlingChange = (event) => {
   setItemValue(event.target.value);
   event.preventDefault();
}
return (
    <>
      <p style={{fontSize: {ItemValue}}}>Drag me to change the font</p>
      <PrettoSlider 
      onChange={handlingChange}
      value={ItemValue}
      />
    </>
  );
}

导出默认函数ChangeFontSlider（）{
const[ItemValue，setItemValue]=React.useState（20）；
常量处理更改=（事件）=>{
setItemValue（event.target.value）；
event.preventDefault（）；
}
返回(
拖动我以更改字体
);
}

尝试滑动滑块时，可能会出现错误或字体保持不变。 有什么想法吗？谢谢

滑块称为PrettoSlider，它是材质UI的一部分

PrettoSlider就是一个例子。下划线组件是这里记录的滑块

---

根据文档，onChange函数有两个参数，

event

是事件源，而第二个参数

value

是移动滑块时的新值，是您需要从中获取数据的参数。

此处缺少信息。什么是

PrettoSlider

？我在任何地方都找不到它，它只是一个样式化的MUI滑块吗？还有，您得到的具体错误是什么？