在Ant Design中,InputNumber组件在尝试更改值时可能会出现闪烁问题。这可能是由于组件的re-rendering引起的。为了解决这个问题,可以尝试以下方法:
import React, { useState, useEffect } from 'react';
import { InputNumber } from 'antd';
const MyInputNumber = () => {
const [value, setValue] = useState(0);
useEffect(() => {
// 在组件mount时设置初始值
setValue(0);
}, []);
const handleChange = (newValue) => {
// 在值改变时更新状态
setValue(newValue);
};
return ;
};
import React, { useState } from 'react';
import { InputNumber } from 'antd';
const MyInputNumber = () => {
const [value, setValue] = useState(0);
const handleChange = (newValue) => {
// 在值改变时更新状态
setValue(newValue);
};
return ;
};
这样,InputNumber组件的值将由value状态控制,而不是自身组件的内部状态。这样可以避免闪烁问题。
希望这些解决方法能帮助到你!