React / css: как нарисовать линию между двумя дочерними компонентами - PullRequest
0 голосов
/ 09 апреля 2020

Я создаю приложение, которое позволяет создавать аннотации для текста:

enter image description here

С левой стороны находится редактор, работающий с использованием черновика. js, а справа - список аннотаций, связанных с этим текстом. Мы проектируем его так, чтобы вы могли иметь аннотации к аннотациям и т. Д. c.

. Сейчас я создаю иерархию объектов следующим образом: windows есть Panes, Panes есть Annotations и Annotations имеют Editors, связанные с ними.

Левая сторона этого приложения, сторона с главным редактором, представляет собой список Annotation s, который показывает только один Annotation. Правая сторона, сторона с аннотациями, представляет собой список Annotation с, который показывает много. Аннотированный текст на левой стороне может быть выделен или подчеркнут, или в штучной упаковке - я еще не решил.

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

Что может быть лучшим способом нарисовать линии между два дочерних компонента?

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...