import React, { Component } from 'react'; import { Flex, NavBar, List, InputItem } from 'antd-mobile'; import { createForm } from 'rc-form'; class orderinfo extends Component { render() { const { getFieldProps } = this.props.form; return ( <Flex> <Flex.Item> <NavBar style={{ "height": "44px" }} className="order-tab" mode="light" icon={<i className="iconfont iconiconfront-68"></i>} > 报名信息 </NavBar> <div> <List> <InputItem {...getFieldProps('autofocus')} clear placeholder="auto focus" ref={el => this.autoFocusInst = el} >电话</InputItem> <InputItem {...getFieldProps('focus')} clear placeholder="click the button below to focus" ref={el => this.inputRef = el} >姓名</InputItem> </List> </div> </Flex.Item> </Flex> ) } } const Basicorderinfo = createForm()(orderinfo); export default Basicorderinfo;