react dnd 在拖拽目标框中如何将拖拽的元素放到鼠标所在的位置？

Question

问题描述

React dnd开发一个拖拽功能，如何实现将拖拽的元素放到目标框中的某一个位置？

问题出现的环境背景及自己尝试过哪些方法

拖拽目标框中的内容是一个数组，这个数组是拖拽后形成的一个数组，那在拖拽的时候，如何将这个元素插入到数组中的某个元素？
往数组中插入数据，我知道用splice，但是如何获取插入的下标？

相关代码

const spec = {

hover(props,monitor){
    console.log('props index--->',props);
},

};

你期待的结果是什么？实际看到的错误信息又是什么？

我想在拖拽的时候就获取到被插入数据的插入下标
但是上面代码中的props.index 打印出来的一直是undefined

各位大神，这个要怎么获取？还请指点一二，谢谢