如何防止用户在 ReactJS 的输入表单字段中输入空格?

Bra*_*eal 3 javascript jsx dom-events reactjs

我创建了一个名为QueryForm的组件,用于搜索功能。我在该组件中返回以下内容:

Hao*_* Wu 5

您可以在设置值时将空格替换为空字符串:

const onChange = (event, { newValue }) => {
  setInputValue(newValue.replace(/\s/g, ''));
};
Run Code Online (Sandbox Code Playgroud)