如何在本機反應中更改 select 字段中的值

Question

我正在創建一個下拉列表（使用 select 字段），我想在下拉列表中獲取以下 6 個環境，目前默認值為 MMP_SSL，因此 httpLink SERVER_URL 設置為 MMP_SSL。

那么我想改成SD，httpLink SERVER_URL 應該是SD。 在 EnvironmentChange function 中，我正在更改此值，這 6 個值來自一個數組。

  LOCAL: 'http://localhost:4000',
  LOCAL_IOS: 'http://172.0.0.0',          //change the ip address with the IP of your laptop
  LOCAL_DEMO: 'http://kaushikna.run', // Pointing to Local environment through internet
  MMP: 'http://dclm-mmp1.cluster1.-service', 
  MMP_SSL: 'https://bssmo-service',  //E2E environment 
  SD: 'http://dclmapps.19dclm-service', // Pointing to SD environment


const httpLink = createHttpLink({
  uri: SERVER_URL.MMP_SSL
});

EnvironmentChange = (key, val) => {
    this.handleLanguageChange({ field: "preferredEnv" }, val);
  };

  handleLanguageChange = (props, e) => {
    let tempObj = this.state.preferredEnv;
    tempObj[props.field] = e;
    this.setState({ preferredEnv: e });
  };

let envData = [];
    masterData.language.map(({ code: value, name: label }) => {
      envData.push({ value, label });
    });
    
          <SelectField
                    label="Environment"
                    node="presentationLanguage"
                    options={envData}
                    value={"MMP_SSL"}
                    onChange={this.EnvironmentChange}
                    that={this}
                    setIcon={true}
                  />

Answer 1

嘗試這樣的事情，我有這段代碼在反應環境中工作。

<select value={this.state.preferredEnv}>
  <option value="A">Apple</option>
  <option value="B">Banana</option>
  <option value="C">Cranberry</option>
</select>

Answer 2

作為道具傳遞給SelectField組件的值應該是 state 變量，如下所示：

<SelectField
  label="Environment"
  node="presentationLanguage"
  options={envData}
  value={this.state.preferredEnv}
  onChange={this.EnvironmentChange}
  that={this}
  setIcon={true}
/>