将事件侦听器附加到包装组件

问题描述 投票:0回答:1

我在理解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。

reactjs event-handling
1个回答
0
投票

您可以通过道具传递回调。

© www.soinside.com 2019 - 2024. All rights reserved.