javascript - 在 React-Redux 中，如何仅单击父组件，而不单击子组件？

Question

我将通过单击发送一个动作。

---

export default function Example() {

  const dispatch = useDispatch()
  
  function dispatching() {
    dispatch(action)
  }

  return (
    <Parent onClick={dispatching}>
      <Child />
    </Parent>
  )

}

---

当我单击孩子时，我希望什么都不会发生。但我想，由于冒泡，很难解决它。我认为它与 e.stopPropagation() 无关，因为当我想单击子项而不是父项时，这很有用。这是相反的情况。如果我感到困惑，我已经尝试过了，但它没有按预期工作。请帮帮我，谢谢。

标签： javascriptreactjsdomreact-reduxdom-events

Answer 1

删除您在 onClick 中的间距。

export default function Example() {

  const dispatch = useDispatch()
  
  function dispatching() {
    dispatch(action)
  }

  return (
    <Parent onClick={dispatching}>
      <Child />
    </Parent>
  )

}