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();