如何阻止键盘事件传播到 React Native 中的父组件答案

【问题标题】：How do you stop a keyboard event from propagating to a parent component in React Native如何阻止键盘事件传播到 React Native 中的父组件
【发布时间】：2020-05-02 22:28:33
【问题描述】：

我在父组件和子组件中都使用NativeEventEmitter 来处理父组件和子组件中相同的特定键盘事件（按下 F6 时）。当按下此键时，它们都有自己不同的回调来处理。

当它被压在孩子身上时，我不希望父母的听众开火。 React Native 中没有像标准 React 中那样的 stopPropogation 方法。

<Parent>
    <Child/>
</Parent>

【问题讨论】：

标签： react-native keyboard-events event-listener eventemitter react-native-windows

【解决方案1】：

stopPropagation 是事件 API MDN Event.stopPropagation 中的内置 JavaScript 函数。所以这应该在本地活动中可用。

或者，如果目标是孩子，您可以检查事件的target 和来自父处理程序的return false。

【讨论】：