码迷,mamicode.com
首页 > 其他好文 > 详细

placeHolder和defaultValue的区别

时间:2019-01-05 15:44:57      阅读:370      评论:0      收藏:0      [点我收藏+]

标签:用户   显示   code   idt   表单   后端   efault   默认   name   

placeHolder和defaultValue的区别

(1)placeHolder用于提示用户,它不与后端进行交互。
(2)defaultValue则是与后端交互时的默认值。
举例说明:在Select框中:

              <Select
                id="stadiumId"
                placeholder={this.state.stadiumName}
                defaultValue={this.state.stadiumId}
                style={{ width: 300 }}
                onChange={e => {
                  this.handleStadium2(e);
                }}
              >

该控件既有placeHolder又有defaultValue属性,那么默认显示的是placeHolder中的内容。
此时如果用户不点击Select框,那么表单提交后,传到后端的值是defaultValue中的内容

注意: 如果控件只有defaultValue属性,那么就显示defaultValue中的内容,传到后端的值也是其中的内容。

placeHolder和defaultValue的区别

标签:用户   显示   code   idt   表单   后端   efault   默认   name   

原文地址:https://www.cnblogs.com/tian874540961/p/10224699.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!