Meteor React-Bootstrap: как установить значение для FormControl

Question

Пользователи вводят текстовую строку в FormControl, я хочу вернуть ее обрезать и обрезать.

handleSubmit(event) { 
    event.preventDefault(); 

    console.log("submitted: "+ this.vehicleReg.value.trim().toLowerCase()); 
    this.refs.vehicleReg.value=this.vehicleReg.value.trim().toLowerCase(); 
} 

render() { 
    return(
     <form className="user-data" onSubmit={this.handleSubmit.bind(this)}> 
      <FormGroup label="Data"> 
       <FormControl 
        inputRef={(input) => this.vehicleReg = input} type="text" 
        placeholder="Reg Number" 

Answer 1

Добавить имя атрибута к вашему FormControl затем выполните следующие действия в handleSubmit

document.querySelector('[name="regNum"]').value = document.querySelector('[name="regNum"]').value.trim().toLowerCase();