我正在尝试创建一个带有任务“卡片”的任务板，可以通过拖放功能对其进行重新排序。我有一个任务对象数组，对于每个任务，我正在映射一个<li>以包含任务对象的值（例如taskName，taskBody等），所有这些值都显示在{{1 }}。
如果我仅在<ul>中单独包含这些值，则效果很好，但是如果我尝试将每个值包装在html包装器中（例如<li>标签），出于某种原因，我可以将卡插入值和应用之间的另一张卡中间。
如何显示这些卡，以使拖放功能不会中断？ 我应该使用更好的拖放方法，还是只是JSX问题？
这是任务组件：
<p>