render(){ const types = ( <Menu onClick={this.handleSelect} selectedKeys={[this.state.type]}> <Menu.Item key="分享">分享</Menu.Item> <Menu.Item key="笑话">笑话</Menu.Item> <Menu.Item key="提问">提问</Menu.Item> </Menu> ) return ( <div> <h3>发表文章</h3> <Input ref="title" onChange={(e)=>this.setState({title: e.target.value})}> </Input> 文章版块:<Dropdown.Button overlay={types}> {this.state.type} </Dropdown.Button><br/> 内容:<Input type="textarea" ref="content" autosize={{minRows:10}} onChange={(e)=>this.setState({content: e.target.value})}> </Input> <Button type="primary" onClick={this.handleClick}>发表</Button> { this.state.isFailed && <span>发表失败</span> } </div> ) }
render() { const {getFieldDecorator, getFieldsError, getFieldError, isFieldTouched} = this.props.form; // Only show error after a field is touched. const usernameError = isFieldTouched('username') && getFieldError('username'); const passwordError = isFieldTouched('password') && getFieldError('password'); return ( <Row> <Col span={8} offset={8}> <Form layout="vertical" onSubmit={this.handleSubmit}> <Radio.Group defaultValue="horizontal" onChange={this.handleFormLayoutChange}> <Radio.Button value={FORM_LOGIN}>Signin</Radio.Button> <Radio.Button value={FORM_REGISTER}>Register</Radio.Button> </Radio.Group> <br/><br/> {this.state.showLoginForm ? <LoginForm/> : <RegisterForm/>} </Form> </Col> </Row> ); }
render(){ const types = ( <Menu onClick={this.handleSelect} selectedKeys={[this.state.type]}> <Menu.Item key="分享">分享</Menu.Item> <Menu.Item key="笑话">笑话</Menu.Item> <Menu.Item key="提问">提问</Menu.Item> <Menu.Item key="见闻">见闻</Menu.Item> <Menu.Item key="知识">知识</Menu.Item> <Menu.Item key="IT">IT</Menu.Item> </Menu> ) return ( <div> <h3>发表文章</h3> <Input ref="title" onChange={(e)=>this.setState({title: e.target.value})}> </Input> <Dropdown.Button overlay={types}> {this.state.type} </Dropdown.Button><br/> 内容:<Input type="textarea" ref="content" autosize={{minRows:10}} onChange={(e)=>this.setState({content: e.target.value})}> </Input> <Button type="primary" onClick={this.handleClick} style={{marginTop:'10px'}}>发表</Button> { this.state.isFailed && <span>发表失败</span> } </div> ) }