在React Redux中，如何只点击父组件，而不点击子组件

Question

我要通过单击来调度一个操作。

---

export default function Example() {
const dispatch = useDispatch()

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

---

我不希望在单击子项时发生任何事情。但我想，由于泡沫的存在，很难解决这个问题。我不认为它与e.stopPropagation((有关，因为当我想单击子对象而不是父对象时，这很有用。情况正好相反。如果我感到困惑，我已经试过了，但没有像预期的那样奏效。请帮帮我，谢谢。

Answer 1

删除onClick中的间距。

export default function Example() {
const dispatch = useDispatch()

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