如何获取输入的 onChange 事件中的旧值？

Question

我在反应中定义了一些输入。我正在为他们的onChange功能分配一个功能。我可以找到当前值。如何以最简单的方式获取旧值？

我想要这个的原因是因为我想找到这个新值与旧值的比率并进行一些操作。

示例代码：

let onChange = (e) => {
    let newValue = e.target.value; // let oldValue = will be here     

}

<Input type="number"  onChange={onChange }></Input>

Answer 1

您可以使用状态来做到这一点：

const [state, setState] = useState("");

let onChange = (e) => {
  let oldValue = state; 
  let newValue = e.target.value;
  setState(newValue)
  // your logic
};

<Input type="number" value={state} onChange={onChange}></Input>;