placeHolder和defaultValue的区别

placeHolder和defaultValue的区别

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

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

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

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

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