Javascript 反应-将映射的选定选项保存到状态

我一直在尝试将示例的映射值保存到state

这是我得到的

 <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;

选定项目
{示例.map（（c，i）=>{
返回{c}
})}
选定项目
const changeHandler=事件=>{
const name=event.target.name；
常量值=event.target.value；
交换机（名称）{
案例“示例”：
setExample（值）；
打破

但它似乎不起作用

我尝试了一些与普通输入非常相似的方法，效果很好。当我在控制台日志示例1中显示我在输入中键入的内容时

  <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;

const changeHandler=事件=>{
const name=event.target.name；
常量值=event.target.value；
交换机（名称）{
案例“示例1”：
setExample1（值）；
打破

请添加完整的代码示例（创建基本示例）+修复缩进（不可读）。工作代码示例示例示例（包括状态、事件、渲染等）：