) => 无效) | 不明确的',reactjs,typescript"/>
时间戳

首页 > 解决方案 > TypeScript React Js，类型'void'不可分配给类型'（（事件：MouseEvent) => 无效) | 不明确的'

reactjs - TypeScript React Js，类型'void'不可分配给类型'（（事件：MouseEvent) => 无效) | 不明确的'

问题描述

我有这个功能和这个类型：

类型 ClickHandler = (tag: ITag) => void;

类型 ShowHideDropItem = (tag: ITag) => void;

我的tsx：

  const [menuItems, setMenuItems] = useState<ITag[]>(SideBarTags);

  const clickHandler: ClickHandler = (tag) => () => {
    showHideDropItem(tag);
  };

  const showHideDropItem: ShowHideDropItem = (tag) => {
    setMenuItems((items) =>
      items.map((item) => ({
        ...item,
        Active:
          item.Name === tag.Name ? (tag.Active === true ? false : true) : false,
      }))
    );
  };

但我在 onClick 上收到此错误：

类型 'void' 不可分配给类型 '((event: MouseEvent) => void) | 不明确的'。TS2322

标签： reactjstypescript

解决方案

clickHandler是一个柯里化函数（一个返回函数的函数）。考虑将其包含在您的类型中：

type ClickHandler = (tag: ITag) => (e: React.MouseEvent) => void;

注意：e( event) 参数的需要取决于您是否要在函数中使用它。

编辑：你的功能看起来像：

const clickHandler: ClickHandler = (tag) => (e) => {
   e.preventDefault();
   showHideDropItem(tag);
};

推荐阅读