Я создал карточку компонента, каждая из которых в настоящее время заполняется вручную (в будущем они будут заполняться на основе упражнений базы данных, которые создают пользователи). Я хочу сделать так, чтобы при нажатии на каждую карточку вы переходили на страницу, которая загружала бы упражнение с его описанием, загруженным вверху, а другой компонент загружался бы под ним, чтобы пользователи указывали свои веса и повторения (пи c 2). Поэтому независимо от того, на каком упражнении они щелкают, оно загружает описание этого упражнения входной информацией и всем остальным под ним.
Меня смущает, как я могу превратить каждую из этих карточек в страницу и все эти компоненты, чтобы загрузить их под ней, не создавая каждую из них вручную.
Pi c 1 
Pi c 2 