How to use

Button

function

in

antd

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>
    );
  }

<div>
  <Radio.Group value={size} onChange={this.handleSizeChange}>
    <Radio.Button value="large">Large</Radio.Button>
    <Radio.Button value="default">Default</Radio.Button>
    <Radio.Button value="small">Small</Radio.Button>
  </Radio.Group>
  <br /><br />

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>
    )
  }

  <Dropdown.Button
   size="large"
   type="primary"
  </Dropdown.Button>
  {settingsBtn}
 </div>
 <Dropdown.Button
  size="large"
  type="primary"
 </Dropdown.Button>
 {settingsBtn}
</div>

(!isAccepted && !isRejected) ?
  [<Radio.Group size="small" onChange={(e) => handleAcceptOrReject(item, e.target.value)}>
    <Radio.Button value="accept">{AcceptMsg}</Radio.Button>
    <Radio.Button value="reject">{RejectMsg}</Radio.Button>
  </Radio.Group>]
  : null,

 <Switch checked={!loading} onChange={this.onChange} />
<Radio.Group value={size} onChange={this.handleSizeChange}>
 <Radio.Button value="large">Large</Radio.Button>
 <Radio.Button value="default">Default</Radio.Button>
 <Radio.Button value="small">Small</Radio.Button>
</Radio.Group>
<br />

<Row type="flex" justify="center">
 <Radio.Group value={size} onChange={this.handleSizeChange}>
  <Radio.Button value='large'>Large</Radio.Button>
  <Radio.Button value='default'>Default</Radio.Button>
  <Radio.Button value='small'>Small</Radio.Button>
 </Radio.Group>
</Row>

(!isAccepted && !isRejected) ?
  [<Radio.Group size="small" onChange={(e) => handleAcceptOrReject(item, e.target.value)}>
    <Radio.Button value="accept">{AcceptMsg}</Radio.Button>
    <Radio.Button value="reject">{RejectMsg}</Radio.Button>
  </Radio.Group>]
  : null,