javascript - 充当按钮功能的可点击div react 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 标准以及您应该遵守的标准的好资源。