React不能给子组件添加点击事件吗？

Question

问题描述

render()
{

  return (
    <div onClick={()=>{alert(1)}}>
    <div onClick={()=>{alert(2)}}>Hello</div>
    <NavLinkBar onClick={()=>{alert(3)}} data={navList}> 
    </NavLinkBar>
    </div>     
    )

}

无论怎么点击都只能出发最外面div的alert（1） 是我这里的bug吗，还是react本身这样设计的？

下面是用了antd-mobile的 TabBar

Answer 1

TabBar本身不支持onClick事件，因此你写了也是没用的

Answer 2

如果组件是你自己定义的, 你可以在内部props接收下 onClick 参数, 如果是组件库提供的组件应该提供了对应的api回调的