小编End*_*der的帖子

我有一个 React with JS ES6 的任务，过去两周我一直在努力完成它。示例和代码在这篇文章的底部。

我的目标是制作一个“动态可排序的网格”。

我在这里阅读了一些材料，在谷歌上搜索并尝试了React Sortable (HOC)、react-sortablejs、React Sortable等库。我试图重写一个库，但没有成功。

在这种情况下您会使用哪个库，或者您可以建议我在这种情况下做什么？

在输入中，我有一个来自 API 的 JSON，如下所示：

{
    "items":[
        {
            "sub_items":[
                {
                    "id":1,
                    "name":"Item 1"
                }
            ],
            "type":"Type 1"
        },
        {
            "sub_items":[
                {
                    "id":2,
                    "name":"Item 2"
                },
                {
                    "id":3,
                    "name":"Item 3"
                }
            ],
            "type":"Type 2"
        },
        {
            "sub_items":[
                {
                    "id":4,
                    "name":"Item 4"
                }
            ],
            "type":"Type 3"
        },
        {
            "sub_items":[
                {
                    "id":5,
                    "name":"Item 5"
                },
                {
                    "id":6,
                    "name":"Item 6"
                },
                {
                    "id":7,
                    "name":"Item 7"
                }
            ], …