ReactBootstrap 提供了一个弹出控件。我希望能够通过点击弹出框外部来关闭它,这与模态框的工作方式类似(默认情况下,只需单击框外即可关闭)。
是否可以使用 ReactBootstrap 来实现这一点,还是需要自定义编码?
这里有一个弹出框的 JSFiddle 示例:http://jsfiddle.net/226cwe4e/
React.createClass({
render: function() {
return <ReactBootstrap.OverlayTrigger trigger="click" placement="bottom" overlay={<ReactBootstrap.Popover title="Popover bottom"><strong>Holy guacamole!</strong> Check this info.</ReactBootstrap.Popover>}>
<ReactBootstrap.Button bsStyle="default">Holy guacamole!</ReactBootstrap.Button>
</ReactBootstrap.OverlayTrigger>;
}
});
trigger={["focus", "click"]}
吗? - knowbody