How to use the antd.Button.Group function in antd

Input,
  Form,
  Button,
  Tag,
  Modal,
  message,
  Table,
  Divider,
  Popconfirm,
  DatePicker,
  TimePicker,
} from 'antd';

const Search = Input.Search;
const { RangePicker } = DatePicker;
const ButtonGroup = Button.Group;
const confirm = Modal.confirm;
const Option = Select.Option;

@connect(({ model }) => ({
  model,
}))
@Form.create()
class IndexPage extends PureComponent {
  // 定义要操作的模型名称
  modelName = 'permission';
  // 定义guardName
  guardName = 'admin';

  state = {
    msg: '',
    url: '',

Modal,
  message,
  Table,
  Divider,
  Popconfirm,
  DatePicker,
  TimePicker,
  Statistic,
  Badge,
  Card,
  Steps,
} from 'antd';

const Search = Input.Search;
const { RangePicker } = DatePicker;
const ButtonGroup = Button.Group;
const confirm = Modal.confirm;
const Option = Select.Option;
const Step = Steps.Step;

@connect(({ model }) => ({
  model,
}))
@Form.create()
class IndexPage extends PureComponent {
  // 定义要操作的模型名称
  modelName = 'console';

  state = {
    msg: '',
    url: '',
    data: {},

Input,
  Form,
  Button,
  Tag,
  Modal,
  message,
  Table,
  Divider,
  Popconfirm,
  DatePicker,
  TimePicker,
} from 'antd';

const Search = Input.Search;
const { RangePicker } = DatePicker;
const ButtonGroup = Button.Group;
const confirm = Modal.confirm;
const Option = Select.Option;

@connect(({ model }) => ({
  model,
}))
@Form.create()
class IndexPage extends PureComponent {
  // 定义要操作的模型名称
  modelName = 'link';

  state = {
    msg: '',
    url: '',
    data: {},
    status: '',

import React from 'react';
import { connect } from 'dva';
import { Card, Form, Avatar, Col, Row, Tag, Button, Pagination, Select, Tooltip } from 'antd';
import TagSelect from '@/components/TagSelect';
import StandardFormRow from '@/components/StandardFormRow';
import SyntaxHighlighter from 'react-syntax-highlighter';
import { github as hlGithub } from 'react-syntax-highlighter/styles/hljs';
import { FormattedMessage, formatMessage } from 'umi/locale';
import { leakageTagColor } from '../../constants';
import { FormatLeakageStatus } from './locales';

const FormItem = Form.Item;
const ButtonGroup = Button.Group;
const { Option } = Select;

@connect(({ github }) => ({
  github,
}))
class GithubList extends React.Component {
  componentWillMount() {
    const { dispatch, location } = this.props;
    const { taskId } = location.query;

    const payload = {
      page: 1,
      pageSize: 10,
      status: '0',
    };

import React from 'react';
import {Col, Button} from 'antd';
import assign from 'object-assign'
const ButtonGroup = Button.Group;
class CheckboxButtonItem extends React.Component {
    constructor(props) {
        super(props);
    }

    state = {
        value: this.props.options.map((opt, index)=> {
            let checked = this.props.defaultValue && this.props.defaultValue.indexOf(opt.value) > -1;
            return {
                type: checked ? "primary" : "ghost",
                value: opt.value,
                text: opt.text
            }
        })
    };

import reqwest from 'reqwest';
import React from 'react';
import TimeAgo from 'timeago-react';
import {Modal, Icon, Tag, Affix, Table, message, notification, Button} from 'antd';
import copy from 'copy-to-clipboard';

const ButtonGroup = Button.Group;

const vulNotification = (target) => {
    const poc = `sqlmap -u "${target.scan_options.url}" --data="${target.scan_options.data}" --dbms=${target.scan_data[0].value[0].dbms} --method=${target.scan_options.method} --cookie="${target.scan_options.cookie}"`;

    const key = target.task_id;
    const btnClick = () => {
        copy(poc);
        notification.close(key);
    };
    const btn = (
        <button size="small" type="primary">
            sqlmap 命令
        </button>
    );
    notification.open({
        message: '发现注入',

import React from 'react';
import { withRouter } from 'react-router-dom';
import { Table, Button, Row, Divider, Input, message } from 'antd';

import UserList from '../../../mock/user_list';

const ButtonGroup = Button.Group;

const columns = [
  {
    title: 'Nome',
    dataIndex: 'nickname',
    key: 'nickname',
  },
  {
    title: 'E-mail',
    dataIndex: 'email',
    key: 'email',
  },
  {
    title: 'Perfil',
    dataIndex: 'role',
    key: 'role',

import React, { Component } from 'react';
import { Breadcrumb, Icon, Table, Button, Tooltip, Modal, message } from 'antd';
const ButtonGroup = Button.Group;
const confirm = Modal.confirm;
import { Link } from 'react-router-dom';

export class Tag extends React.Component {
  constructor() {
    super();
    this.state = {
      //表格数据
      tags:[],
      loading:true,
    };
  }
  componentWillMount() {
    this.fetchData()
  }
  render (){

import React, { Component } from 'react';
import { Table, Input, Button, Icon, message, Modal, Tooltip, Badge, Avatar, Select, Popover, Dropdown, Menu, Drawer, Form, Row, Col, DatePicker, Alert } from 'antd';
const ButtonGroup = Button.Group;
const confirm = Modal.confirm;
const Option = Select.Option;
const Search = Input.Search;
import { Link } from 'react-router-dom';

export class Article extends React.Component {
  constructor() {
    super();
    this.state = {
      //表格数据
      articles:[],
      pagination: {
        showSizeChanger:true,
        showQuickJumper:true,
        defaultCurrent:1,
        defaultPageSize:10

import React, { Component } from 'react';
import ReactDOM from 'react-dom';
import _ from 'lodash';
import { getLocators } from './shared';
import styles from './Inspector.css';
import { Button, Row, Col, Input, Modal, Table, Alert, Spin } from 'antd';

const ButtonGroup = Button.Group;

/**
 * Shows details of the currently selected element and shows methods that can
 * be called on the elements (tap, sendKeys)
 */
export default class SelectedElement extends Component {

  constructor (props) {
    super(props);
    this.handleSendKeys = this.handleSendKeys.bind(this);
  }

  handleSendKeys () {
    const {sendKeys, applyClientMethod, hideSendKeysModal, selectedElementId:elementId} = this.props;
    applyClientMethod({methodName: 'sendKeys', elementId, args: [sendKeys]});
    hideSendKeysModal();