微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

类型 '(event: DragEvent<any>) => void' 不可分配给类型 '(event: DragEvent<HTMLHeadingElement>) => void'

如何解决类型 '(event: DragEvent<any>) => void' 不可分配给类型 '(event: DragEvent<HTMLHeadingElement>) => void'

我在我的项目中使用 react-beautiful-dnd 有一段时间了,但最近我收到以下错误

类型“{ children: string; className: string; style: { whiteSpace: "Nowrap"; textOverflow: string; width: string; }; } | { children: string; onMouseDown: (event: MouseEvent<any,MouseEvent>) => void; ... 10 more ...; style: { ...; }; }”不可分配给类型“DetailedHTMLProps<HTMLAttributes<HTMLheadingElement>,HTMLheadingElement>”。

类型“{ children: string; onMouseDown: (event: MouseEvent<any,MouseEvent>) => void; onKeyDown: (event: KeyboardEvent<any>) => void; onTouchStart: (event: TouchEvent<any>) => void; onTouchMove: (event: TouchEvent<...>) => void; ... 7 more ...; style: { ...; }; }”不可分配给类型“DetailedHTMLProps<HTMLAttributes<HTMLheadingElement>,HTMLheadingElement>”。

类型“{ children: string; onMouseDown: (event: MouseEvent<any,MouseEvent>) => void; onKeyDown: (event: KeyboardEvent<any>) => void; onTouchStart: (event: TouchEvent<any>) => void; onTouchMove: (event: TouchEvent<...>) => void; ... 7 more ...; style: { ...; }; }”不可分配给类型“HTMLAttributes<HTMLheadingElement>”。

属性“onDragStart”的类型不兼容。
类型“(event: DragEvent<any>) => void”不可分配给类型“(event: DragEvent<HTMLheadingElement>) => void”。
参数“事件”和“事件”的类型不兼容。
类型“DragEvent<HTMLheadingElement>”缺少类型“DragEvent<any>”的以下属性:详细信息,查看 TS2322

我的组件结构是这样的

<>
  <Draggable
    draggableId={props.column._id ? props.column._id.toString() : "0"}
    index={props.index}
  >
    {(provided) => (
      <div
        className="dib h-100 w-23-l w-50-m"
        style={{ minWidth: "270px" }}
        {...provided.draggableProps}
        ref={provided.innerRef}
      >
        <div className="flex flex-column h-100 pr3 w-100">
          <div className="w-100">
            <div className="flex pb1 w-100">
              <h3
                className="pl1 overflow-hidden ma0 fw6 flex-grow-1 ws-normal ws-break pv1"
                style={{
                  whiteSpace: "Nowrap",textOverflow: "ellipsis",width: "220px",}}
                {...provided.dragHandleProps}
              >
                {props.column.name}
              </h3>

起初我认为这是包的问题,​​但它一直工作正常,现在它向我抛出了这个错误。知道如何解决这个问题吗?

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。