Я использую Reaction-lineto , чтобы нарисовать <LineTo> между двумя div-значениями на основе их classNames (highlightedArea и guidelineBlockExpanded). Первоначально, эти элементы не присутствуют на странице - блок направляющих раскрывается при щелчке, и отображается соответствующая выделенная область. Одновременно я рисую линию между ними.
Проблема, как я подозреваю, в response-lineto ищет div с заданным classNames, используя document.getElementsByClassName(className) до нового highlightedArea рендеринга. Поэтому приведенная строка начинается со старого hidhlightedArea и указывает вправо (текущее) guidelineBlockExpanded.
Есть ли способ заставить компонент React отображаться после всех других элементов? Я попытался принудительно выполнить повторный рендеринг на componentDidUpdate(), но затем порядок рендеринга остался прежним.