Javascript 反应:使用最后两个输入数字设置值

Javascript 反应:使用最后两个输入数字设置值,javascript,reactjs,Javascript,Reactjs,我遇到了一种情况,我不知道该如何应对。在这个输入中写入数字时,我只希望看到最后插入的两个数字,无论我键入多少个数字。例如: Input = 5 Value = 5 Input = 59 Value = 59 Input = 597 Value = 97 Input = 5970 Value = 70 Input = 59701 Value = 01 等等 const [number, setNumber] = useState(0); function handleChange(e) {

我遇到了一种情况,我不知道该如何应对。在这个输入中写入数字时,我只希望看到最后插入的两个数字,无论我键入多少个数字。例如:

Input = 5  Value = 5
Input = 59 Value = 59
Input = 597 Value = 97
Input = 5970 Value = 70
Input = 59701 Value = 01
等等

const [number, setNumber] = useState(0);
function handleChange(e) {
  setNumber(e.target.value);
}
return (
  <div>
    <input type="text" maxLength="2" value={number} onChange={handleChange} />
  </div>
)
const[number,setNumber]=useState(0);
功能手柄更改(e){
设定值(如目标值);
}
返回(
)
传输到字符串

然后使用剪切最后2个数字

const result = Number(e.target.value.toString().slice(-2));
const-App=()=>{
const[number,setNumber]=React.useState(0);
功能手柄更改(e){
const result=Number(例如target.value.toString().slice(-2));
设置编号(结果);
控制台日志(结果);
}
返回(
);
}
render(,document.getElementById(“根”))


无小数,仅限int。您可以从零开始。好的,它可以工作,我需要检查这段代码,因为我还没有看到这些东西。非常感谢你。