Как динамически добавить canvas с изображением в div?
Всем привет!
Прошу совета у бывалых. В общем есть у меня React приложение. Надо из одного компонента, у которого есть canvas с изображением, добавить в другой компонент этот же canvas, т.е. по сути canvas из одного компонента перерисовать в другой. У другого компонента только пустой div, не могу понять, как можно в пустой div записать canvas.
Для чего это нужно: компонент А (модальное окно) работает с веб-камерой, фотографирует в canvas. Когда фото сделано нажимаем на Сохранить и это изображение должно перерисоваться в компоненте Б в виде миниатюр. Сейчас от безысходности в компонент Б заранее добавляю контейнеры canvas с айдишками, а затем добавляю туда изображения. Но метод ужасно костыльный, хотелось бы услышать более лаконичный вариант. Тем более если в будущем будет не определенное количество миниатюр, а динамическое.