Почему не рисуется график в Canvas внутри React компонента?

Question

[vaskadogana]

Проблема: когда вызываю функцию по отрисовке графика на канвасе из willRecieveProps график рисуется, когда же из componentDidMount, то нет.
Уже проверил все этапы отрисовки (данные для отрисовки есть), ставил задержку в didMount перед исполнением.
Вроде всё исполняется.
Вызываю одну и ту же функцию.
Но графика нет, когда делаю зум, или драг график появляется.
В чем может быть проблема?

Answer 1

[Максим]

зум/драг - скорее всего запускают изменения пропсов, и график рисуется.
Сделайте минимальный пример с вызовом этой функции и канвасом без всего остального. На чистом create-react-app, к примеру. Возможно, если у вас уже будет работать - то вы поймете, что имеется в списке "отличий" и потихоньку добавляя/удаляя - выясните.
Если же нет - у вас будет пример, который вы зальете на гитхаб и мы поможем.

Сложно придумать, что может быть не так, не смотря в код. Очевидно, что либо канвас элемент как-то не отрисовался, когда вы пытаетесь туда что-то засунуть, или просто ссылка смотрит не на текущий canvas, а куда-то в другое место, раз вы говорите, что с данными все в порядке.

Плюс, может баг какой, форс апдейт попробуйте (грязный вариант, но раз уж все равно репозитория с примером нет...)

Comments

[vaskadogana]

Максим, спасибо, за ответ. Пока костыль поставил, с повторным вызовом функции, проблему решило.
Думаю, что не канвас, а D3 где то подвисает. т.к. текстовая информация выводится