我有这个组件

import React from 'react';
import { batch } from 'react-redux';  

const ContextMenu = ({
      menuData,
      isOpen,
      changeIsMenuOpen,
      changeAssetType,
    }) => {
      return (
        <ClickAwayListener
          onClickAway={() => {
            batch(() => {
              changeIsMenuOpen(false);
              changeAssetType(null);
            });
          }}
        >
          <ContextMenu
            open={isOpen}
            menuData={menuData}
          />
        </ClickAwayListener>
      );
    };

从HOC中获得支持

export default connect(
  state => ({
    isOpen: selectors.getIsMenuOpen(state),
    menuData: selectors.getMenuData(state),
  }),
  {
    changeIsMenuOpen: actions.changeIsMenuOpen,
    changeAssetType: actions.changeAssetType,
  },
)(ContextMenu);

我认为将onClickAway侦听器设置为useCallback可能是个好主意，这样它的示例就不会在每次呈现时都被重新创建。

const handleClickAway = useCallback(() => {
    batch(() => {
      changeIsMenuOpen(false);
      changeAssetType(null);
    });
  }, []);

但是我不确定我必须在依赖项数组中放入什么。它应该是我正在使用的所有方法吗？

[batch, changeIsMenuOpen, changeAssetType]