React.js:显示'...‘如果值溢出输入元素，则输入元素onBlur中的after值

import React, { useState } from 'react';

function App() {
  const [value, setValue] = useState('');

  const handleBlur = () => {
    const maxValue = 100; // 假设最大值为100

    // 将输入值转换为数字
    const inputValue = parseFloat(value);

    // 检查输入值是否大于最大值
    if (inputValue > maxValue) {
      // 如果值溢出，则将输入元素的值设置为最大值
      setValue(String(maxValue));
    }
  };

  return (
    <div>
      <input type="text" value={value} onBlur={handleBlur} />
    </div>
  );
}

export default App;