キーボードからEnterキーを押したときに、textfield
の値を渡したいです。onChange()イベントで、
textboxの値を取得していますが、
enter`キーが押されたときにこの値を取得するにはどうしたらよいでしょうか?
コード
import TextField from 'material-ui/TextField';
class CartridgeShell extends Component {
constructor(props) {
super(props);
this.state = {value:''}
this.handleChange = this.handleChange.bind(this);
}
handleChange(e) {
this.setState({ value: e.target.value });
}
render(){
return(
<TextField
hintText="First Name"
floatingLabelText="First Name*"
value={this.state.value}
onChange={this.handleChange}
fullWidth={true} />
)
}
}
onKeyDown`イベントを使用し、その中でユーザーが押したキーのキーコードをチェックします。Enter」キーのキーコードは13なので、そのコードを確認してロジックを入れる。
この例をご覧ください: