input - 如何在 react-bootstrap 上使按钮默认

Question

我有一个用 react-bootstrap 制作的登录表单。表单输入用户名和密码以及“登录”按钮。除了用鼠标单击“登录”按钮之外，我还想让用户通过按键盘上的“输入”来提交表单。我怎样才能做到这一点？

var ReactBootstrap = require('react-bootstrap');
var Input = ReactBootstrap.Input;
var Button = ReactBootstrap.Button;
...
render: function() {
return (
<form>
    <Input type="text"... />
    <Input type="password" .../>
    <Button bsStyle="primary"...>Login</Button>
</form>
);

}

Answer 1

我想我想通了，我必须使用 ButtonInput type="submit"

var ReactBootstrap = require('react-bootstrap');
var Input = ReactBootstrap.Input;
var ButtonInput = ReactBootstrap.ButtonInput;
...
render: function() {
return (
<form>
    <Input type="text"... />
    <Input type="password" .../>
    <ButtonInput type="submit" bsStyle="primary"...>Login</ButtonInput>
</form>
);