Если он имеется свой файл с объектами, как достучаться до айди project и переходить
https://codesandbox.io/s/distracted-platform-ngxm6i?file=/src/index.js
А почему мапая массив projects, во всех Link один и тот же id? Который приходит в пропсах
projects.map((project) => <Link to={project.id} /)
подскажите, как быть. Есть прелоадер, который отрабатывает, сделал условия через тернарники, мол, когда он есть и когда нет. Но он не исчезает после того как отработал, условие не работает. Использую роутер дом обновленный, я полагаю ошибка в том, что я некоем образом не вывожу файл с этим условием в роутер дом? Как быть?
А зачем прелоадер в роутер вставлять, ты ж все равно импортируешь его
Вы прелоадер корневым элементом указали, из-за этого он всегда будет выводиться
Указал его потому что думал, что надо, но он и без этого не уходит после того, как отработал
у вас в целом роутер настроен непонятно как, накинул пример как оно будет работать корректно https://codesandbox.io/s/stupefied-silence-is0fdi?file=/src/App.js
в моем случае как убирать прелоадер и показывать остальную часть?
в компоненте layout все должно работать правильно судя по коду а так лучше в песочницу залить, непонятно в чем проблема
в песке все робит вроде, у меня нет.. https://codesandbox.io/s/misty-cloud-74b1bh?file=/src/App.js
мне не project.id нужен, а work.id, соответственно это уже другой компонент, так как ссылаться из project на work, по айди work.id?
В компоненте work ты мапаешь массив, в котором у объектов есть id При клике на кнопку тебе надо перейти в другой компонент передав туда этот id, так? 1. В роутере по урлу /project/:id выводишь компонент Project 2. При клике на Link перенаправляешь на 'project/${id}'
да, но передать в другой компонент надо не айди компонента с которого переходишь, а айди компонента на который надо перейти
Как это? У компонентов нет своего айди покажи код
где подчеркнул, с этого компонента надо переходить на work
В роутере указал /work/:id? {path: '/work/:id', element: <Work />}
Обсуждают сегодня