正则如何排除末尾空格？React输入框退格无法删除最后一位如何解决

你当前使用的正则/^[A-Za-z0-9]+$/中的+量词要求匹配内容最少包含1个有效字符，当你删除到最后一个字符时，输入框的值变为空字符串，无法命中正则匹配逻辑，setState不会执行，状态停留在最后一个字符的状态，因此看起来无法删除最后一个字符。
你当前的正则本身已经禁止了所有空格输入，如果你的需求是仅排除末尾空格，允许内容中间包含空格，可以同步调整正则规则。

方案1：保留原规则（仅允许输入字母/数字，禁止所有空格），解决退格删除问题 #

将正则的+量词替换为*，允许空字符串命中匹配即可：

restrictSpecialCharacters = (e) => {
    const nospecial = /^[A-Za-z0-9]*$/;
    const textValue = e.target.value;
    if (textValue.match(nospecial)) {
        this.setState({ searchText: textValue })
    }
};

方案2：允许内容中间带空格，仅排除末尾空格，同时解决退格问题 #

可以直接调整正则规则适配需求：

restrictSpecialCharacters = (e) => {
    // 规则：允许空值，或末尾为字母/数字，中间可以包含字母/数字/空格
    const nospecial = /^$|^[A-Za-z0-9\s]*[A-Za-z0-9]$/;
    const textValue = e.target.value;
    if (textValue.match(nospecial)) {
        this.setState({ searchText: textValue })
    }
};

也可以先对输入值做末尾去空格处理，写法更直观易维护：

restrictSpecialCharacters = (e) => {
    const textValue = e.target.value.replace(/\s+$/, ''); // 自动移除末尾所有空格
    const nospecial = /^[A-Za-z0-9\s]*$/; // 按需调整允许的字符规则
    if (textValue.match(nospecial)) {
        this.setState({ searchText: textValue })
    }
};

内容的提问来源于stack exchange，提问作者Dark Knight