3

我想结合使用fullcalendar-react和react-dnd来将日历事件拖到其他地方。

React-dnd 很简单——它提供了几个生成 refs 的钩子，你可以附加 'draggable' 或 'droppable' 元素目标：

import { useDrag } from 'react-dnd'

function DraggableComponent(props) {
  const [collectedProps, drag] = useDrag({
    item: { 
        id: "foo", 
        type: "bar"
    },
  })
  return <div ref={drag}>...</div>
}

然后使用 fullcalendar-react - 我想让渲染的日历事件成为“可拖动”目标。

然而，据我所知，fullcalendar-react 组件实际上并不由 React 子组件组成——它本质上是一个直接通过原始库进行 DOM 操作的组件。我们确实可以通过回调直接访问事件 DOM 元素。eventRender

有没有办法让 ref 直接引用 DOM 元素？

4

0 回答 0