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