反应-将映射的选定选项保存到STATE

问题描述

我一直试图将example的映射值保存为状态。

这就是我所拥有的

 <select name="example" value={example} onChange={changeHandler}>
                    <option value={example} disabled selected hidden>Selected item</option>
                    {Example.map((c,i) => {
                      return <option key={i} value={example}>{c}</option>
                    })}
                    <option value={"Selected Item"}>Selected Item</option>
                  </select >

 const changeHandler = event => {
    const name = event.target.name;
    const value = event.target.value;

    switch (name) {
      case "example":
        setExample(value);
        break;

但它似乎不起作用。

我已经尝试了一些与普通输入非常相似的东西，并且效果很好。当我控制台日志example1时，它将显示我在输入中输入的内容。

  <input
                    type="text"
                    name="example1"
                    placeholder="here is my example"
                    value={example1}
                    onChange={changeHandler}
                    required
                  />

const changeHandler = event => {
        const name = event.target.name;
        const value = event.target.value;
    
        switch (name) {
          case "example1":
            setExample1(value);
            break;

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）