import React from 'react'; import { Spin, Button, Tabs } from 'antd'; import '../content.less'; import './content.less'; import LeftTab from './leftTab.jsx'; import weixin from '../../../../image/weixin-w.png'; import qq from '../../../../image/qq-w.png'; import weibo from '../../../../image/weibo-w.png'; const TabPane = Tabs.TabPane; const Content = React.createClass({ getInitialState() { return { per: '24', loading: false, userlvl: '1', userid: '1234567', follow: '0', chengguo: '0', kaifa: '0', fuwu: '0', xuqiu: '0', activityArr: [{ type: '成果对接会', title: '龙岗区在线科技成果对接会——智能制造业专场', time: '2017-01-10', link: '' }, { type: '成果对接会', title: '钛白粉行业技术在线对接会', time: '2017-01-11', link: '' }] }; }, handlekey(key) { this.setState({ leftKey: key, }); }, tabChange(key) { }, render() { return (

{this.state.userid}

{(() => { switch (this.state.userlvl) { case '1': return

等级:LV1 初来乍到

; case '2': return

等级:LV2 初来乍到

; case '3': return

等级:LV3 初来乍到

; case '4': return

等级:LV4 初来乍到

; case '5': return

等级:LV5 初来乍到

; }; })()}

完善资料 {this.state.per}% ,继续完善,有助于提高您的资信

已有{this.state.follow}人关注你

我的轨迹

即将举办的活动

    { this.state.activityArr.map(function (item, i) { return
  • [{item.type}] {item.title} 报名 {item.time}
  • ; }) }
Content of Tab Pane 2
) } }); export default Content;