Reactjs Redux使用相同的操作连接多个组件

我有多个组件（屏幕）连接如下：

import { setNavigationHeader } from './actions';

const MyScreen = () => {
  useEffect(() => {
    props.setNavigationHeader('MyScreen title');
  });

  ...
}

const mdtp = {
  setNavigationHeader
}

export default connect(null, mdtp)(MyScreen);

有没有办法将其“注入”到组件中，以便我可以将其用于多个组件？也许是一个临时的

我还没有反应过来，所以我不知道什么才是最好的方法

此外，如果需要，我需要能够向mapDispatchToProps添加更多操作或添加mapStateToProps。

实际返回一个HOC，您只需创建一次并在屏幕组件中重用它

// navigation.utils.js
import { setNavigationHeader } from './actions';
export const connectScreen = connect(null, {setNavigationHeader});


// MyScreen.js
import { connectScreen } from './navitation.utils'
const MyScreen = ...
export default connectScreen(MyScreen);

// MyScreen2.js
import { connectScreen } from './navitation.utils'
const MyScreen2 = ...
export default connectScreen(MyScreen2);

---

您可以在多个组件中使用相同的操作，而不会出现任何问题。是的，我知道，我只是在寻找一种方法，以避免在所有组件上重复这些操作，然后使用HOC以获得更好的可恢复性