我有一个输入字段,可以在其中输入数字
当onBlur触发时,我需要在我的数字中添加一个%符号,我有这个函数
const onBlurValue = (day_index, value) => {
const newBreakDownMonths = [...breakDownMonths];
const day = newBreakDownMonths[nowMonth].break_down_days[day_index];
if(value == "") {
day.value = 0;
} else {
day.value = value;
}
setChangedDay(day);
}
我简单的告诉你它是做什么的,当onBlur被触发的时候,如果输入栏里没有东西,那么就会有0,如果我们输入数字,它会保存数字。
如何在onBlur触发时为数字添加%字符?我自定义了一个输入字段,可以接受事件和值-
<Input
inputProps={{
value: day.value,
type: "number",
step: "0.1",
onKeyDown: (e) => detectKeyDown(e, day),
onChange: (e) => onChangeValue(index, e.target.value),
onFocus: (e) => onFocusValue(index, e.target.value),
onBlur: (e) => onBlurValue(index, e.target.value),
style: {
marginTop: 0,
},
}}
/>;
1条答案
按热度按时间gudnpqoy1#
使用Hook记住该值,并在
onBlur
回调中追加%