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

formItemLayout,
  getNewApi,
  openTransactionFailNotification
} from '../../utils/utils'
import { List } from '../../utils/antdUtils'
import { LayoutContent } from '../../components/NodeComp'
import NewScanQrcode from '../../components/NewScanQrcode'
import NewDealGetQrcode from '../../components/NewDealGetQrcode'
import messages from './messages'
import utilsMsg from '../../utils/messages'
import { now } from 'moment'
import zan from './zan.svg'
import cai from './cai.svg'

const FormItem = Form.Item
const RadioGroup = Radio.Group
const Option = Select.Option

export class ForumVotePage extends React.Component {
  constructor (props) {
    super(props)
    this.state = {
      eos: {},
      formatMessage: this.props.intl.formatMessage,
      GetTransactionButtonState: false, // 获取报文按钮可点击状态
      QrCodeValue: this.props.intl.formatMessage(utilsMsg.QrCodeInitValue), // 二维码内容
      transaction: {},
      scatterStatus: false,
      GetTransactionButtonScatterState: true,
      radio: 0,
      radioFormList: 0,
      columnsData: [],

slider: Slider,
  switch: Switch,
  datepicker: DatePicker,
  rangepicker: DatePicker.RangePicker,
  monthpicker: DatePicker.MonthPicker,
  weekpicker: DatePicker.WeekPicker,
  timepicker: TimePicker,

  // 类二
  button: Button,

  // 类三
  select: Select,
  mentions: Mentions,
  radio: Radio.Group,
  radiogroup: Radio.Group,
  radiobutton: Radio,
  checkbox: Checkbox.Group,
  checkboxgroup: Checkbox.Group,

  divider: Divider,

  //
  steps: Steps,

  // 类四
  upload: Upload,
  uploaddragger: Upload.Dragger,

  // 自定义
  sfupload: SuperUpload
}

// @flow

import React from 'react';
import { Modal, Form, Radio, Select, Button } from 'antd';
import get from 'lodash/get';
import { withApollo } from 'react-apollo';
import {FormattedMessage, injectIntl} from 'react-intl';
import gql from 'graphql-tag';

const FormItem = Form.Item;
const RadioGroup = Radio.Group;
const Option = Select.Option;

type Props = {
  form: Object,
  value: Array,
  selectedValue: Array,
  fileName: string,
  triggerModal: Function,
  fields: Array,
  client: any,
  intl: Object,
  title: string,
  visible: boolean,
  query: Object,
  keyName: string
}

Tag,
  Form,
  Select,
  Input,
  Button,
  Checkbox,
  Radio,
  Upload,
  message,
  Modal,
} from 'antd';

const { TextArea } = Input;
const TabPane = Tabs.TabPane;
const Option = Select.Option;
const RadioGroup = Radio.Group;

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

  state = {
    msg: '',
    url: '',
    previewVisible: false,
    previewImage: '',
    coverList: [], // 封面图列表
    data: {

import { Input, Radio, Select, Button, Switch, Slider } from 'antd';
const Option = Select.Option;
import BaseAttributeGroup from './baseAttributeGroup'
const BaseAttributeGroupName = BaseAttributeGroup.BaseAttributeGroupName;
let React = require('react');
const RadioButton = Radio.Button;
const RadioGroup = Radio.Group;

export default class RowAttributeGroup extends BaseAttributeGroup{
  constructor(props) {
    super(props);
  }
  componentDidMount() {
  }
  componentWillUnmount() {
  }
  handleChangeWidth(index, width) {
    let widths = this.props.colWidths;
    widths[index] = width;
    this.props.onChange('colWidths', widths);
  }
  render() {
    return (

*/

import { Wrapper, Tab, TabList, TabPanel} from 'react-aria-tabpanel';

import ReactJson from 'react-json-view';

import saveToDB from '../../utils/save-db';
import getFromDB from '../../utils/load-db';
import openDB from '../../utils/create-db';
import { traverseEntriesById } from '../../utils/entries-traversal';
import replaceEntry from '../../utils/replace-entry';

import './tabStyle.css';;
import './Analyzer.scss';

const RadioGroup = Radio.Group;
const Panel = Collapse.Panel;

/** Data library / source vars */
const savedSettings = config.savedSettings;
const defaultFLib = savedSettings.defaultLibrary;

export default class Analyzer extends Component {

  constructor(props) {
    super(props);
    this.state = { placement: 'bottom', _isMounted: false,
                    selectedEntry: {},
                    Entries: [],
                    lastEntryId: "",
                  };
    this.getEntries = this.getEntries.bind(this);

import React, { Component } from "react";
import { connect } from "dva";
import { View } from "@/components/flexView";
import { Form, Input, InputNumber, Radio, DatePicker, Checkbox, Button, Row, Col, Switch } from "antd";
import router from "umi/router";
import moment from "moment";

const FormItem = Form.Item;
const RadioGroup = Radio.Group;

@connect()
class Basic extends Component {
    disabledStartDate = (startValue) => {
        const endValue = this.props.form.getFieldValue('end_time')
        if (!startValue || !endValue) {
            return startValue && startValue < moment().startOf('day')
        }
        return !moment(startValue).isBetween(moment().startOf('day'), moment(endValue).endOf('day'))
    }

    disabledEndDate = (endValue) => {
        const startValue = this.props.form.getFieldValue('start_time')
        if (!endValue || !startValue) {
            return endValue && endValue < moment().startOf('day')
        }

*      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 * >>
 */

import * as React from 'react'
import * as classnames from 'classnames'
import { Icon, Button, Row, Col, Input, Select, Popconfirm, Table, Modal, Form, Radio } from 'antd'
const FormItem = Form.Item
const InputGroup = Input.Group
const RadioGroup = Radio.Group
const Option = Select.Option
const styles = require('../Project.less')
import { uuid } from 'utils/util'
const utilStyles =  require('assets/less/util.less')

interface IAuthProps {
  vizs?: any
  form?: any
  currentProjectRole?: object
  onChangeModulePermission?: (event: any, record: object) => any
  onChangeVizPermission?: (event: any, record: object) => any
}

export class Auth extends React.Component  {
  constructor (props) {
    super(props)

Select,
  Input,
  Button,
  Checkbox,
  Radio,
  Upload,
  message,
  Modal,
  Tree,
  Cascader
} from 'antd';

const { TextArea } = Input;
const TabPane = Tabs.TabPane;
const Option = Select.Option;
const RadioGroup = Radio.Group;
const { RangePicker } = DatePicker;
const { TreeNode } = Tree;

export interface BasicFormProps extends FormComponentProps {
  pageTitle:string;
  name:string;
  pageRandom:string;
  previewImage: string;
  previewVisible: boolean;
  pageLoading: boolean;
  controls?: [];
  labelCol?: any;
  wrapperCol?: any;
  submitName?: string;
  submitType?: string;
  submitLayout?: string;

import React, { Component } from "react";
import { connect } from "dva";
import {
    Button,
    Modal,
    Radio,
} from "antd";
import { View } from "@/components/flexView";
import styles from "./index.css";

const RadioGroup = Radio.Group;

class AbleSendAreaModal extends Component<
    {
        ableSendAreaVisible:boolean,
        ableSensAreaCancel:Function,
        ableSensAreaOk:Function,
        btnClick:Function,
    },
    {
        value:number
    }
> {
    state = {
        value:1
    }
    render() {