meteor - 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

name 属性を追加してからFormControl、次の操作を行いますhandleSubmit

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