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

时间:2015-10-27 14:02:22

标签: input default react-bootstrap

我有一个使用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>
);

}

1 个答案:

答案 0 :(得分:0)

我想我想通了,我必须使用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>
);