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

handleSubmit

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

で次の操作を行い、その後、あなたの FormControlにname属性を追加します。