小编Ale*_*dre的帖子

使用 react-sortable-hoc 拖动时丢失 tr 元素的样式

我的问题是拖动时所选元素的样式丢失。我正在使用 react-sortable-hoc 库,它没有提供相关信息。他们的例子没有这个问题。样式始终与原始项目保持一致。

<tbody>
    {items.map((value, index) => (
    <SortableItem key={`item-${value.code}`} index={index} sortIndex={index} value={value} />
    ))}
</tbody>
Run Code Online (Sandbox Code Playgroud)
const SortableItem = SortableElement(({value, sortIndex}) => (
        <tr>
            <DragHandle sortIndex={sortIndex}/>
            <td>{value.label}</td>
            <td>{value.beta.toString()}</td>
            <td>{value.prod.toString()}</td>
            <td>{value.hidden.toString()}</td>
        </tr>
    ));
Run Code Online (Sandbox Code Playgroud)
        const DragHandle = SortableHandle(({sortIndex}) => <td>{sortIndex}</td>);
Run Code Online (Sandbox Code Playgroud)

这是我选择并拖动元素之前的列表。

这是我选择并开始拖动第一个元素时的列表。 在此处输入图片说明

reactjs react-sortable-hoc

2
推荐指数
1
解决办法
760
查看次数

标签 统计

react-sortable-hoc ×1

reactjs ×1