如何在 React js 中为 select 字段设置默认值

Question

我正在尝试在第一次加载页面时为reactjs select选项字段设置默认值。

默认值应为： Select Marital Status

但它没有设置我尝试了很多次。 有人能帮我吗？

这是我尝试过的：

constructor(props) {
    super(props);
    this.state = {
      marital_status: "Select Marital Status",
    };
  }

  onChange_marital_status = (event) => {
    this.setState({
        marital_status: event.target.value
    });
  };

这是领域：

<InputLabel id="demo-simple-select-outlined-label">
Select Marital Status
</InputLabel>
<Select
defaultValue={this.state.marital_status}
value={this.state.marital_status}
onChange={this.onChange_marital_status.bind(this)}
>
<MenuItem value={0}>Divorced</MenuItem>
<MenuItem value={1}>Married</MenuItem>
<MenuItem value={2}>Single</MenuItem>
</Select>

页面加载时如下图所示（附截图）

Answer 1

您添加更多选项 Select 婚姻状态 this.state.martial_status 的默认值应该是这样的

this.state = {
      marital_status: -1
    };