美文网首页
reactstrap AvField type="s

reactstrap AvField type="s

作者: KK_boy | 来源:发表于2019-02-21 17:39 被阅读0次

    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
    
    

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

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

    相关文章

      网友评论

          本文标题:reactstrap AvField type="s

          本文链接:https://www.haomeiwen.com/subject/kshkyqtx.html