Javascript 单击事件在“我的地图”功能中不起作用

我的代码有点问题。我的onClick在map函数中不起作用，不仅像onKeyPress、onKeyDown这样的onClick。但其他方法也像onmouseover一样工作

这是我的样品

---

感谢您的回答。

这对我来说很有用，可以获得

selectionHandler（）的值。

：

selectionHandler（arayValue）}>{arayValue}

---

如果您在selectionHandler中

console.log（value）

，您可以看到它可以工作。但是，在使用

setDropValue

进行设置之后，您当前正在记录

dropValue

。由于该更新是异步进行的，因此在调用

console.log（）

之前不能设置变量。

请将

onKeyDown

更改为

onMouseDown

，并将

selectionHandler

更改为

（）=>selectionHandler（arayValue）

如下：

返回(
setDropValue（e.target.value）}
value={dropValue}
/>
{array.map（arayValue=>(
selectionHandler（arayValue）}>{arayValue}
))}
);

您的代码沙盒示例目前未运行，这使调试变得困难。我已修复该问题，请立即尝试。如果您在JSX组件上使用map，请记住添加一个

键

，但为什么onClick不起作用。谢谢你answer@Ajithkumar

onClick

也可以正常工作。请再试一次。这是代码沙盒上的工作版本：谢谢，但您的代码工作不正常。请检查。我刚检查过。它从下拉列表中选择一个值，并将其添加到状态和输入字段中。你还期待什么？我也查过了。这对我不起作用。请检查您的代码沙盒。仍在工作。你试过新的Chrome隐姓埋名窗口吗？

<DropDownSpan onClick={() => selectionHandler(arayValue)}>{arayValue}</DropDownSpan>