Input怎么限制输入空格

Question

<Input 
   className="InputBorderState" 
   defaultValue={item.Name} 
   style={{flex:"1",marginLeft:"10px",border:"0px",marginRight:"5px",border:"none",outline:"none"}} 
   size="small" 
   onChange={this.onchangeName} 
   onFocus={this.onfocusS} 
   onBlur={()=>this.onchangeNameOut(Id)} 
   suffix={<Tooltip title="可编辑" style={{border:"3px solid pink",}}> <Icon type="edit" style={{ color: 'rgba(0,0,0,.45)' }} /> </Tooltip>}
   maxLength={8}
/> 

有没有不用form的
普普通通 快快乐乐的 简简单单的 限制输入空格

Answer 1

可以在赋值时replace空格

const onChangeName = (e) => {
    this.setState({
        name:e.target.value.replace(/ /g,'')
    })
}

<Input 
   className="InputBorderState" 
   defaultValue={item.Name} 
   value={this.state.name}
   style={{flex:"1",marginLeft:"10px",border:"0px",marginRight:"5px",border:"none",outline:"none"}} 
   size="small" 
   onChange={this.onchangeName} 
   onFocus={this.onfocusS} 
   onBlur={()=>this.onchangeNameOut(Id)} 
   suffix={<Tooltip title="可编辑" style={{border:"3px solid pink",}}> <Icon type="edit" style={{ color: 'rgba(0,0,0,.45)' }} /> </Tooltip>}
   maxLength={8}
/> 

Answer 2

使用正则去除所有的空格就可以了，如：
value.replace(/\s/g, '')

Answer 3

一般都是正则校验，改成你要的格式就可以了