Javascript 在formikselectonchange-ReactJS中获取event.target

以下是使用Formik在我的

表单中进行选择。这很好用

<Select
    id="userList"
    name="userList"
    value={userList.names}
    initialValue={values.userList}
    className="select-box"
    onChange={setFieldValue}
/>

作为受控组件，需要
值
道具使用状态的
选定值

值
道具不是用于
值的道具

因此，您可以有如下内容：

state = {
  selected: '',
}

handleChange = e => {
  const selected = e.target.value; // selected name
  switch(selected) {
    // change class
  }
  this.setState({
    selected
  });
}

<Select value={this.state.selected} onChange={handleChange}>
 {userList.names.map(user =>
   <options value={user.name}>{user.name}</option>
 )}
</Select>

状态={
已选择：“”，
}
handleChange=e=>{
const selected=e.target.value；//所选名称
开关（选定）{
//换班
}
这是我的国家({
挑选出来的
});
}
{userList.names.map（user=>
{user.name}
)}
作为受控组件，需要
值
道具使用状态的
选定值

值
道具不是用于
值的道具

因此，您可以有如下内容：

state = {
  selected: '',
}

handleChange = e => {
  const selected = e.target.value; // selected name
  switch(selected) {
    // change class
  }
  this.setState({
    selected
  });
}

<Select value={this.state.selected} onChange={handleChange}>
 {userList.names.map(user =>
   <options value={user.name}>{user.name}</option>
 )}
</Select>

状态={
已选择：“”，
}
handleChange=e=>{
const selected=e.target.value；//所选名称
开关（选定）{
//换班
}
这是我的国家({
挑选出来的
});
}
{userList.names.map（user=>
{user.name}
)}

handleChange = e => {
    // Here e is refering to the Select
    if (e.target.value) {
      e.target.classList.remove("gray");
      e.target.classList.add("black");
    } else {
      e.target.classList.remove("black");
      e.target.classList.add("gray");
    }
  };

state = {
  selected: '',
}

handleChange = e => {
  const selected = e.target.value; // selected name
  switch(selected) {
    // change class
  }
  this.setState({
    selected
  });
}

<Select value={this.state.selected} onChange={handleChange}>
 {userList.names.map(user =>
   <options value={user.name}>{user.name}</option>
 )}
</Select>