如何使按钮默认为 react-bootstrap

Question

我有一个用 react-bootstrap 制作的登录表单。用户名和密码的表单输入和 "login" 按钮。除了用鼠标单击 "login" 按钮外，我还想让用户通过按键盘上的 "enter" 来提交表单。我该怎么做？

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

如何使按钮默认为 react-bootstrap

How to make button default on react-bootstrap

input

default

react-bootstrap