How to use

Option

function

in

antd

  <Select.Option key={operator.name} value={operator.name}>
   {operator.title}
  </Select.Option>
 ))}
</Select>

form.getFieldDecorator('formHome', {
       initialValue: formHome,
       rules: [{ required: true, message: '请选择房屋户型!' }],
      })(
       <Select placeholder="请先选择房屋户型">
        {formHomes.map((values, index) =>
         <Select.Option key={index} value={String(values.id)}>{values.name}</Select.Option>
        )}
       </Select>
       )

this.props.tag.tags.map(tag => (
        <Select.Option key={tag.tag} value={tag.tag}>
          {tag.tag}
        </Select.Option>
      ))

authors.map(author => (
          <Select.Option value={author.id} key={author.id}>
           {author.name}
          </Select.Option>
         ))

render() {
    const { options = [] } = this.props;
    return (
     <Select defaultValue={this.props.defaultVal} {...otherProps} {...this.props}>
      {
       _.map(options, option => <Select.Option key={option[keyField]}>{option[valueField]}</Select.Option>)
      }
     </Select>
    );
   }

getFieldDecorator('category_name', {
              rules: [{required: true, message: '对象分类必填'}]
            })(
              <Select placeholder="请选择" onChange={value => {
                modelRef.current.category_name = value
              }}>
                {categoryList.map(c => (
                  <Select.Option key={c.key} value={c.key}>{c.value || c.key}</Select.Option>
                ))}
              </Select>
            )

.unionBy(_.concat(options, this.selectedOptions), option => {
     return option.value;
    })
    .map(({ value, text }) => {
     return <Select.Option key={value} value={value}>{text}</Select.Option>;
    })

getFieldDecorator('category', {
            rules: [{required: true, message: '请选择分类'}]
          })(
            <Select required placeholder="请选择">
              {categories.map(c => (
                <Select.Option key={c.key} value={c.key}>{c.value}</Select.Option>
              ))}
            </Select>
          )

languages.map(language => (
          <Select.Option value={language.id} key={language.id}>
           {language.title}
          </Select.Option>
         ))

form.getFieldDecorator('formChannel', {
       initialValue: formChannel,
       rules: [{ required: true, message: '请选择所属频道!' }],
      })(
       <Select placeholder="请选择一个频道" onChange={handleChangeChannels}>
        {selectChannels.map((values, index) =>
         <Select.Option key={index} value={String(values.channel_id)}>{values.channel_name}</Select.Option>
        )}
       </Select>
       )

form.getFieldDecorator('formColumn', {
       initialValue: formColumn,
      })(
       <Select placeholder="请选择所属栏目" onChange={handleChangeColumns}>
        {selectColumns.map((values, index) =>
         <Select.Option key={index} value={String(values.column_id)}>{values.column_name}</Select.Option>
        )}
       </Select>
       )

categories.map(category => (
          <Select.Option value={category.id} key={category.id}>
           {category.title}
          </Select.Option>
         ))

form.getFieldDecorator('formArea', {
       initialValue: formArea,
       rules: [{ required: true, message: '请选择户型大小!' }],
      })(
       <Select placeholder="请选择户型大小">
        {formAreas.map((values, index) =>
         <Select.Option key={index} value={String(values.id)}>{values.name}</Select.Option>
        )}
       </Select>
       )

form.getFieldDecorator('formLabel', {
       initialValue: formLabel,
      })(
       <Select mode="multiple" placeholder="请选择关联标签">
        {selectLabels.map((values, index) =>
         <Select.Option key={index} value={String(values.id)}>{values.name}</Select.Option>
        )}
       </Select>
       )

this.props.tag.tags.map(tag => (
        <Select.Option key={tag.tag} value={tag.tag}>
          {tag.tag}
        </Select.Option>
      ))