placeHolder和defaultValue的区别

Posted 2021-02-01 tian874540961

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