placeHolder和defaultValue的区别

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中的内容,传到后端的值也是其中的内容。

posted @ 2019-01-05 15:27  健人雄  阅读(770)  评论(0编辑  收藏  举报