触发器同时单击顶部和底部堆叠的组件

Question

我有一个组件，它有两个子组件。例如：A和B。A被赋予position: absolute，并像叠加一样被放置在B的顶部。A也具有较高的CCD_ 2。A和B具有附加在其上的onClick事件

我的问题是，一次点击可以通过a传递到B吗？。例如，如果我点击A，我需要首先调用A的onClick事件，然后将点击事件传递给B并触发B的onClick事件。

存在某些条件

• 无法直接调用B的onClick事件
• 触摸/点击事件应该通过A到B

这需要在React native中完成。各位，你们怎么看。有可能吗？

Answer 1

一种方法是在内传递组件B引用

class App extends React.Component {

render () {
const b = <B />
const a = <A b={b} />
return (
<div>
{a}
{b}
</div>
);
}
}
class A extends React.Component {

onClick = (e) => {
console.log('Clicked A');
this.props.b.onClick(e);
}
render () {
return (
<div onClick={this.onClick}>
A
</div>
);
}
}
class B extends React.Component {

onClick = (e) => {
console.log('Clicked B');
}
render () {
return (
<div onClick={this.onClick}>
B
</div>
);
}
}