mirror of
https://github.com/ant-design/ant-design.git
synced 2024-12-02 07:39:36 +08:00
791 B
791 B
order | title |
---|---|
3 | 从浮层内关闭 |
使用 visible
属性控制浮层显示。
import { Popover, Button } from 'antd';
const App = React.createClass({
getInitialState() {
return {
visible: false,
};
},
hide() {
this.setState({
visible: false,
});
},
handleVisibleChange(visible) {
this.setState({ visible });
},
render() {
const content = (
<div>
<a onClick={this.hide}>关闭卡片</a>
</div>
);
return (
<Popover content={content} title="标题" trigger="click"
visible={this.state.visible} onVisibleChange={this.handleVisibleChange}
>
<Button type="primary">点击弹出卡片</Button>
</Popover>
);
},
});
ReactDOM.render(<App />, mountNode);