reactstrap AvField type="s

2019-02-21  本文已影响0人  KK_boy

AvField为reactstrap的一个表单
如:

import { AvForm, AvGroup, AvInput, AvField, DateTimeField } from 'availity-reactstrap-validation';

若是现在表单选择控件,只需要设置:type="select"

如: 单选 多选

代码:

     <AvForm inline onValidSubmit={this.handleValidSubmit.bind(this)}>
     <AvField type="select" name="select" label="Select" >
          <option>1</option>
          <option>2</option>
          <option>3</option>
          <option>4</option>
          <option>5</option>
        </AvField>
        <AvField type="select" name="select-multiple" label="Select Multiple" multiple>
          <option>1</option>
          <option>2</option>
          <option>3</option>
          <option>4</option>
          <option>5</option>
        </AvField>
        </AvForm>

这样子就可以实现简单的表单选择了,如选择1,2,3,4等不重复的选项;若选项中显示的内容有重复,那怎么办呢?
这时只需要给option添加一个value来区分就可以,若不添加的就默认是显示的内容。如:

          <option>1</option>//value=1
          <option value={entry.id}>1</option>//value=entry.id

这样 有显示相同内容的选项就不会混乱了

这是我遇到问题,以上也是我目前的理解,就当学习笔记,有什么不对的多多指正。

上一篇下一篇

猜你喜欢

热点阅读