在React頁面中,可以通過以下方式設置value屬性:
class MyComponent extends React.Component {
constructor(props) {
super(props);
this.state = {
value: ''
};
}
handleChange(event) {
this.setState({ value: event.target.value });
}
render() {
return (
<input
type="text"
value={this.state.value}
onChange={this.handleChange.bind(this)}
/>
);
}
}
class MyComponent extends React.Component {
render() {
return (
<input
type="text"
defaultValue="默認值"
/>
);
}
}
需要注意的是,如果使用受控組件來設置value屬性,需要在onChange事件處理函數中更新state的值。而如果使用defaultValue屬性,輸入框的值將不會隨用戶輸入而改變,除非手動修改defaultValue的值。