可点击的div充当按钮功能反应js

Question

我在组件“CZButton”中有一个按钮功能，该按钮在“personlist”中用于弹出窗口，我试图使“personlist”或“person”内的 div 卡可点击，而不是单击按钮，div 将被点击并显示抽屉弹出。

我尝试在 div 中添加 onclick，但它似乎没有达到抽屉功能。这是一个沙箱片段，希望得到帮助。

https://codesandbox.io/s/l9mrzz8nvz?fontsize=14&moduleview=1

Answer 1

您可以通过编写以下内容在 React 中添加一个 onClick 侦听器：

// omitting the rest of the render function for brevity
return (
    <div className="row" onClick={e => console.log("Clicked")}></div>
);

请注意 HTML 语义。虽然这是可能的，但我真的不建议将 onClick 事件添加到div. 网上有很多关于 HTML5 标准以及你应该遵守的标准的好资源。