onBlur判定input里面的值是否为0-100，不是则自动限制为100

在React中，你可以利用`onBlur`事件处理函数判断`<input>`元素的值是否在0-100范围内。如果不在这个范围内，你可以直接将值设置为100。以下是具体的步骤：

首先，创建一个状态变量来存储输入值：

import React, { useState } from "react";

function CustomInput() {
  const [inputValue, setInputValue] = useState("");
}

然后，添加`onBlur`事件处理函数：

function onBlurEvent(e) {
  const value = e.target.value;
  if (!isNaN(value) && Number(value) >= 0 && Number(value) <= 100) {
    // 输入值有效，不做处理
  } else {
    setInputValue(100); // 如果输入无效，设回最大值100
  }
}

<input type="text" onBlur={onBlurEvent} value={inputValue} />

当用户停止编辑（失去焦点），`onBlur`事件触发，检查输入值并根据条件调整。