Question

我正在尝试通过使用const e = new APIError({ code: 500, message: 'Internal server error' });将值存储在当前数组中来处理Material UI Slider的onChange。如果使用prop名称，则滑块会卡住，但如果使用id prop，则会以一种奇怪的缓慢方式工作。我认为我的问题与事件池有关，在react docs使用useState的解决方案可以解释该问题，但我不知道如何将其应用于代码。

这是我的代码：

event.persist()

Answer 1

我通过遵循this post的回答来解决了这个问题。

这是最终代码。

const onChange = (name) => (e, value) => {
    setCurrent({
      ...current,
      [name]: value,
    });
  };

确保在调用onChange时添加要更改的值的名称

                   <Slider
                    id='costInflation'
                    name='costInflation'
                    value={costInflation}
                    onChange={onChange('costInflation')}
                    min={0}
                    max={50}
                    valueLabelDisplay='on'
                  />

材质UI中滑块组件的onChange事件池

1 个答案: