Reactjs 在某些组件中使用HOC，而不是Redux中的每个组件

首先，我将componentA、componentB、componentC连接到redux。其次，从BackHandlerHoc导出组件A

import React from 'react'
import { BackHandler,Platform} from "react-native";


export default function BackHandlerHoc(WrappedComponent) {
    return class extends React.Component {
        constructor(props) {
            super(props)
        }

        componentDidMount() {
            if (Platform.OS === "android") {
                BackHandler.addEventListener('hardwareBackPress', this.goBack.bind(this));
            }
        }

        componentWillUnmount() {
            if (Platform.OS === "android") {
                BackHandler.removeEventListener("hardwareBackPress", this.goBack.bind(this));
            }
        }


        goBack = () => {
            console.log("goBack")
            // some code
        };

        render() {
            return (
                <WrappedComponent {...this.props} />
            )
        }

    }
}

在组件B中

export default connect(mapStateToProps, null)(componentB)

在组件C中

export default connect(mapStateToProps, null)(componentC)

问题是每个连接到redux（componentB、componentC、componentA）的组件都会得到BackHandler.addEventListener。 我只需要componentA获取BackHandler.addEventListener。

---

我该怎么办

我真的不明白您的问题是什么，您希望componentA的某些实例不具有事件侦听器行为？componentA接受addEventListener，但不只是componentA。我的项目中的每一个元素都会增加一个列表。这就是使用redux的原因。

export default connect(mapStateToProps, null)(componentC)