How to use the antd-mobile.Card.Body function in antd-mobile

render(){
		const Header = Card.Header
		const Body = Card.Body
		return (
			
			
				{this.props.userlist.map((v,i)=>(
					v.avatar?( this.handleClick( v ) }>
						<header title="{v.user}">{v.title}}
						&gt;</header>
						
							{v.type=='boss'? <div>公司:{v.company}</div> :null}

							{v.desc.split('\n').map(d=&gt;(
								<div>{d}</div>
							))}

render() {
        
        const Header = Card.Header
        const Body = Card.Body
        return (
                
                        
                    {
                       this.props.userlist?this.props.userlist.map(v=>(
                            v.avatar?(
                                this.handleClick(v)}
                                    style={{zIndex:'100'}}
                                >
                                    <header title="{v.user}">{v.title}}
                                    &gt;</header>

render(){
        const Header = Card.Header;
        const Body = Card.Body;
        return (
            
                {
                    this.props.userList.map(v=>(
                        v.avatar?
                            (
                                <div>
                                    {this.handleChat(v)}}&gt;
                                        <header title="{v.user}">

                                        </header>
                                        </div>

box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
  transition: box-shadow 0.2s ease-in-out, transform 0.2s ease;
  cursor: pointer;

  &:hover {
    box-shadow: 0 3px 4px rgba(0, 0, 0, 0.3);
    transform: translate3d(0, -3px, 3px);
  }
`;

const CardHeader = styled(Card.Header)`
  flex: 1 0 !important;
  padding: 6px 0 !important;
`;

const CardBody = styled(Card.Body)`
  flex: 1 0 !important;
  padding: 0 !important;
`;

const CardFooter = styled(Card.Footer)`
  flex: 1 0 !important;
  padding: 0 !important;
  border-top: 1px solid ${colors.white};
`;

const Footer = styled.div`
  flex: 1 0;
  width: 100%;
  padding: 4px 0 !important;
  color: ${colors.black};
  text-align: center;

render(){
        const Header = Card.Header
        const Body = Card.Body
        return(
            
            
            {this.props.userList.map(v => {
                return v.avatar?(
                 {this.handleClick(v)}}
                >
                    <header title="{v.user}">{v.title}}
                    &gt;</header>
                    
                        {v.type==='boss'?<div>公司：{v.company}</div>:null}