JSX：

var Button = require("react-bootstrap").Button;
var Input = require("react-bootstrap").Input;
var MyClass = React.createClass({
        onclick: function () {
           this.refs.email.getDOMNode().focus();
           console.log('DOM element', this.refs.email.getDOMNode());
        }
        render: function () {
          return (
             <div>
                <Button onClick={this.onlick}>Login</Button>
                <Input ref='email' type='email' />
             </div>
            );
        },
    });

备注：
1.输入字段是react-bootstrap.Input类。

1. focus（）的概念来自Facebook react docs
   当button onclick处理程序运行时，电子邮件输入字段应该获得焦点，但实际上没有。我发现react-bootstrap Input字段类在 Package div中呈现真实的的DOM输入字段。这是console.log的输出：

<div class="form-group" data-reactid=".1awy8d4e9kw.1.3.$=1$3:0.0.0.1.0">
  <input class="form-control" type="email" data-reactid=".1awy8d4e9kw.1.3.$=1$3:0.0.0.1.0.1:$input">
</div>

因此，看起来输入没有获得焦点，因为焦点应用于 Package div，它拒绝了它（我在控制台中使用document.activeElement进行检查）。
问题是，如何关注真实的的input元素？
注意：有点不相关，但是React尊重autoFocus属性。这在渲染后需要立即设置焦点的情况下很有用。但是，它不能代替编程方式。