关闭reactjs bootstrap-popover,点击外面的按钮

时间:2015-03-10 16:09:35

标签: reactjs react-jsx react-bootstrap

你有一个带有按钮的bootstrap popover。我想点击按钮关闭弹出窗口以及失去焦点我该怎么办? 这是fiddle

var Hello = React.createClass({
  render: function() {
    return (
      <ReactBootstrap.OverlayTrigger trigger="focus" placement="right" overlay={<ReactBootstrap.Popover title="Popover bottom"><strong>Holy guacamole!</strong> Check this info<ReactBootstrap.Button bsStyle='primary'>Save</ReactBootstrap.Button> </ReactBootstrap.Popover>}>
        <ReactBootstrap.Button bsStyle="default">Holy guacamole!</ReactBootstrap.Button>
      </ReactBootstrap.OverlayTrigger>
    );
  }
});

React.render(<Hello />, document.getElementById('app'));

我尝试了焦点,它会在弹出窗口内点击弹出窗口。

0 个答案:

没有答案