这个问题可能是由于InputNumber组件的defaultValue属性被修改造成的。解决方法是使用value属性来设置初始值并使用onChange事件来跟踪值的变化。下面是一个示例代码:
import React, { useState } from 'react';
import { InputNumber } from 'antd';
function App() {
const [value, setValue] = useState(0);
const handleChange = (value) => {
setValue(value);
};
return (
);
}
在这个示例中,我们使用useState hook来设置初始值为0,并使用handleChange函数来更新值。在InputNumber组件中,我们使用value属性来设置值,并使用onChange事件来跟踪值的变化。此外,我们还设置了min和max属性来限制输入的范围。这种方法避免了使用defaultValue属性,从而解决了可能出现的无限循环问题。