#javascript #reactjs
Вопрос:
Я хочу реализовать страницу, чтобы увидеть примеры моих компонентов, увидеть все реквизиты и все такое, а затем показать что-то вроде этого: 
Прямо сейчас я просто копирую код, вставляя его, но это не оптимально. Итак, как я могу получить код, необходимый для использования компонента?
Есть ли какой-нибудь способ добиться этого без жесткого кодирования? Спасибо.
Комментарии:
1. Это не ваш скриншот? Это называется сборником рассказов, вы можете посмотреть его, в нем содержится именно то, что вы сказали, вы можете изменить реквизит для предварительного просмотра или вы можете скопировать весь код и просмотреть реализацию на вкладке «Документы» истории. Вам нужно только создать файл истории (jsx/tsx) и передать в него свой компонент
2. Привет! Да, я знаю о Сборнике рассказов, но мы действительно не хотим его использовать, плохой опыт. В любом случае, спасибо тебе.
3. Вы можете использовать загрузчик rawloader (или его замену для webpack v5), чтобы получить исходный код компонента в виде строки и отобразить его рядом с отрисованным компонентом.