How to use the antd-mobile.Radio.RadioItem function in antd-mobile

/* tslint:disable:jsx-no-multiline-js */
import { List, Radio, WhiteSpace } from 'antd-mobile';
import React from 'react';
import { Text, View } from 'react-native';
const RadioItem = Radio.RadioItem;

export default class BasicRadioExample extends React.Component {
  state = {
    part1Value: 1,
    part2Value: 1,
  };

  render() {
    return (

render (){
        const RadioItem = Radio.RadioItem;
        const CheckboxItem = Checkbox.CheckboxItem;

        return (
            <div>
                {this.props.redirect?:null}
                }
                    onLeftClick={() =&gt; this.props.history.push("/login")}
                &gt;注册
                
                
                    </div>

render(){
        const RadioItem = Radio.RadioItem;
        return(
            <div>
                {this.props.redirectTo?:null}
                
                
                
                    {this.props.msg?<p>{this.props.msg}</p>:null}
                     this.handleChange('user',v)}&gt;用户名
                    
                     this.handleChange('pwd',v)}
                        &gt;密码
                    
                    </div>

render(){
        const RadioItem = Radio.RadioItem;
        return(
            <div>
                {this.props.redirectTo ?  : null}
                
                
                    {this.props.msg ? <p>{this.props.msg}</p> : null}
                    this.handleChange('user', v)}
                    &gt;用户名
                    
                    this.handleChange('pwd', v)}
                    &gt;密码
                    
                    </div>

render() {
    const RadioItem = Radio.RadioItem;
    
    return (
      <div>
          {this.props.redirectTo?:null}
        
        
            {this.props.msg?<p>{this.props.msg}</p>:null}
             this.handleChange('user',v)}
            &gt;用户
             
             this.handleChange('pwd',v)}
             &gt;密码
             </div>

import React, {Component} from 'react';
import Logo from '../../components/logo/logo';
import { List, InputItem, Radio, WingBlank,Button, WhiteSpace } from 'antd-mobile';
import './register.css'
import { connect } from 'react-redux';
import { register } from '../../redux/user.redux';
import { Redirect } from 'react-router-dom';
import HocForm from '../../components/hoc-form/hoc-form'
const RadioItem = Radio.RadioItem;
@connect(
    state=>state.user,
    {register}
)
@HocForm
class Register extends Component {
    constructor(props) {
        super(props)
    }
    componentDidMount(){
        this.props.handleChange('type','seeker')
    }
    handleRegister=()=>{
        this.props.register(this.props.state)
    };

render() {
    const RadioItem = Radio.RadioItem

    return (
      <div>
        {this.props.redirectTo ?  : null}
        
        <h2 style="{{">注册页</h2>
        
          {this.props.msg ? <p>{this.props.msg}</p> : null}
           this.props.handleChange('user', v)}&gt;
            用户名
          
           this.props.handleChange('pwd', v)}&gt;
            密码
          
           this.props.handleChange('rpwd', v)}&gt;
            确认密码</div>

useRadio() {
    const RadioItem = Radio.RadioItem;
    return (

render(){
		const RadioItem = Radio.RadioItem
		return (
			<div>
				{this.props.redirectTo? :null}
				
				
					{this.props.msg?<p>{this.props.msg}</p>:null}
					this.props.handleChange('user',v)}
					&gt;用户名
					
					this.props.handleChange('pwd',v)}
					&gt;密码
					
					</div>