網站搜尋

reactjs - 類型 '(event: DragEvent) => void' 無法賦值給類型 '(event: DragEvent) => void'


我在我的專案中使用 react-beautiful-dnd 已經有一段時間了,但最近我遇到了以下錯誤

..>) => void; ... 還有 7 個 ...; style: { ...; }; }' 無法指派給類型 'HTMLAttributes<HTMLHeadingElement>'。

屬性 'onDragStart' 的類型不相容。
類型 '(event: DragEvent<any>) => void' 無法指派給類型 '(event: DragEvent<HTMLHeadingElement>) => void'。
參數 'event' 與 'event' 的類型不相容。
類型 'DragEvent<HTMLHeadingElement>' 缺少類型 'DragEvent<any>' 的以下屬性:detail、view 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>

一開始我以為這是套件的問題,但它一直運作正常,現在卻出現這個錯誤。你知道我該如何解決這個問題嗎?