Если вы используете jquery в своем проекте и не хотите внедрять механизм загрузки с нуля, вы можете использовать https://github.com/blueimp/jQuery-File-Upload .
У них очень приятный api с возможностью выбора нескольких файлов, поддержкой перетаскивания и поддержки, индикацией выполнения, проверкой и просмотром изображений, поддержкой междоменной поддержки, загрузкой и возобновлением файлов.
Демоверсия: https://blueimp.github.io/jQuery-File-Upload/ g1].
Проблема в <Link to = "/reports/:id">
. Этот синтаксис - то, что вы хотите для Route
, но для ссылки у вас должен быть фактический идентификатор. Что-то вроде:
const path = "/reports/" + report.id;
return <Link to = {path}>...