#javascript #css #reactjs
#javascript #css #reactjs
Вопрос:
Мне было интересно, сможет ли кто-нибудь помочь мне с некоторыми рекомендациями по следующим шагам в моем проекте. Я пытаюсь воспроизвести более простые версии анимаций с этого сайта, https://www.signesduquotidien.org /, в react. Этот сайт создан с помощью jquery. Это то, что у меня есть до сих пор, https://rljho.csb.app /, и вы также должны иметь возможность перейти в песочницу по этой ссылке. Что я пытаюсь выяснить, так это как добавить функциональность в круг, чтобы, когда я нажимаю на него, после того, как происходит переход к центру, он отображает связанный с ним компонент. Любые / все советы будут с благодарностью приняты.
Спасибо!
Ответ №1:
после того, как происходит переход к центру, он отображает связанный с ним компонент
Использовать условный рендеринг или Маршрутизация.
В вашем случае перейдите activeCircle в состояние и условно отобразите нужный компонент:
activeCircle === "blue" ? <MyComponent/> : <DefaultComponent/>
Комментарии:
1. Спасибо за быстрый ответ! Буду ли я добавлять эту строку кода в div или я буду заменять троичный, который уже есть? Я думал о том, чтобы пройти маршрут маршрутизации / компоновки, но не был уверен, куда я его добавлю app.js или circles.js и если это в circles.js как бы я добавил ссылки на divs.
2. Прочитайте ссылки, там достаточно примеров