Ребят, кто плотно с react-dnd работал? Помогите, пож-та, придумать правильный способ

Question

Ребят, кто плотно с react-dnd работал? Помогите, пож-та, придумать правильный способ

добавления подразделов в сортируемый список. Подойдёт помощь в поиске примера.

На react-dnd делаю сортируемый список. Пример работы как в доке: https://react-dnd.github.io/react-dnd/examples/sortable/simple
В моём случае есть небольшое усложнение - некоторые элементы списка имеют подраздел (заголовок), готовый вариант выглядеть примерно так должен: https://cloud.githubusercontent.com/assets/848347/13114573/e3d763fe-d548-11e5-8759-9d51f382181b.gif

Проблема в том, что не знаю как правильно моделировать наличие подраздела.
Пробовал такой вариант: проверять каждый элемент, если для него есть подраздел, то добавлять его сверху.

const hasGroup = !isNull(groupId);

const subtitle = hasGroup
? groups.find(group => group.id === groupId).name
: null;

return (
<>
{hasGroup && subtitle}
<Item
key={id}
id={id}
index={index}
title={title}
onDrag={handleDragMenuItem}
onDrop={handleDropMenuItem}
/>
</>
);

Как бы вы это реализовали?

#frontend #javascript #programming #react.js #russian

0

25.11.2019

1 ответов

14 просмотров

Тимофей 🛴 · Accepted Answer

Тимофей 🛴

Я бы взял sortable hoc, или react beautiful dnd если в проекте есть redux.

0

25.11.2019

169 похожих чатов

Ребят, кто плотно с react-dnd работал? Помогите, пож-та, придумать правильный способ

1 ответов

Похожие вопросы