我在理解React中附加事件的机制时遇到问题。下面是一个插图。
function App() {
return (
<div className="App">
<Wrapper onClick={() => {console.log('outer wrapper click')}}>
<button>click me</button>
</Wrapper>
</div>
);
}
function Wrapper (props) {
return (
<div onClick={() => {console.log('inner wrapper click')}}>
{props.children}
</div>
)
}
我想在包装器组件上附加一个事件处理程序,但是就目前而言,仅会记录“内部包装器单击”。是否可以使“外部包装点击”起作用?
为什么会这样,如何运作?我附加的“外包装点击”功能发生了什么?
您可以在线共享一些资源以供我阅读吗?我在Google上搜索了很多,却找不到thig。
您可以通过道具传递回调。