要獲取輸入框的值,你可以使用React的受控組件的方式。
首先,在你的組件的state中定義一個變量來存儲輸入框的值。例如:
constructor(props) {super(props);
this.state = {
inputValue: ''
};
}
接下來,在輸入框元素上添加一個onChange事件處理函數,該函數將更新state中的inputValue。例如:
handleChange(event) {this.setState({inputValue: event.target.value});
}
然后,在render方法中將輸入框的值綁定到state中的inputValue,并將onChange事件處理函數綁定到輸入框上。例如:
render() {return (
<input type="text"
value={this.state.inputValue}
onChange={this.handleChange.bind(this)}
/>
);}
最后,在事件處理函數中可以通過訪問state中的inputValue來獲取輸入框的值。例如:
handleClick() {console.log(this.state.inputValue);
}
這樣,當用戶輸入內容時,輸入框的值將被存儲在組件的state中,并可以通過訪問state來獲取輸入框的值。