小编Cre*_*key的帖子

样式组件 (DIV) 上的 onClick 事件处理

我想处理 DIV(在 REACT JS 中)上的 onClick 事件,它实际上是一个样式组件。但这根本不起作用。

这是我的构建的伪代码:

<Styled_DIV onClick={() => props.method(props.arg)}>
  <AnotherElement/>
  ...
</Styled_DIV>
Run Code Online (Sandbox Code Playgroud)

我的解决方法可以正常工作:

<div onClick={() => props.method(props.arg)}>
 <Styled_DIV}>
   <AnotherElement/>
   ...
 </Styled_DIV>
</div>
Run Code Online (Sandbox Code Playgroud)

所以,我的问题是:在没有包装器 div 的情况下处理样式组件 div 上的 onClick 事件的官方/最佳方法是什么?

提前致谢 :)

html onclick event-handling reactjs styled-components

5
推荐指数
1
解决办法
2万
查看次数