How to use the @alifd/next.Radio.Group function in @alifd/next

import React from 'react';
import { Radio } from '@alifd/next';

const RadioGroup = Radio.Group;

export default function radio(p) {
  return (
     p.onChange(p.name, v)}
    >
      {(p.schema.enum || [true, false]).map((val, index) => (
        
          <span></span>

/* eslint react/no-string-refs:0 */
import React, { Component } from 'react';

import { Form, Input, Radio, Field, Message } from '@alifd/next';

import styles from './index.module.scss';

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

const formItemLayout = {
  labelCol: {
    span: 4,
  },
  wrapperCol: {
    span: 16,
  },
};
const gender = [
  {
    value: 'male',
    label: 'male',
    disabled: false,
  },
  {

const props = {
  UI: {
    version: '1.x',
    Button,
    Accordion: Collapse,
    Toast: Message,
    Upload,
    Input,
    Select,
    Icon,
    DatePicker,
    TimePicker,
    Checkbox,
    NumberPicker,
    Radio,
    RadioGroup: Radio.Group,
    TabPane: Tab.Item,
    Form,
    Tab
  },
  // 主题： dark/light,默认dark
  themeStyle: 'dark',
  // 是否展示布局组件，默认为false
  showLayoutField: true,
  // 是否展示预览按钮，默认为true
  showPreviewBtn: true,
  // 是否展示源码按钮
  showSourceCodeBtn: true,
  // 控制返回按钮点击事件
  onBackBtnClick: () => {
    alert('点击了返回')
  },