ReactJS React-DnD 连接现有的 dom 元素作为源

如何解决ReactJS React-DnD 连接现有的 dom 元素作为源

假设我有以下代码

import React from 'react';
import { useDrag } from 'react-dnd'; 

const Component = () => {

const [,drag ] = useDrag(() => {
    type: 'string',item: {},collect: (monitor) => {
        return {
            isDragging: monitor.isDragging(),}
    }
});

return (
    <div id='test-id'>
        Parent
        <div ref={drag}>
            Child
        </div>
    </div>
)
}

export default Component;

这只是示例代码。当用户抓取子元素时，我需要拖动父元素。我如何做到这一点。我花了大约 2 天的时间...