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
这样 有显示相同内容的选项就不会混乱了
这是我遇到问题,以上也是我目前的理解,就当学习笔记,有什么不对的多多指正。