Блог

Я пытаюсь использовать иллюстрацию в своем проекте react (https://storyset.com/illustration/market-launch/pana/animate ) [иллюстративный образ, который я пытаюсь использовать в своем коде https://i.stack.imgur.com/AQr8P.png

Я выбираю SVG и CSS, у меня есть длинный кодированный файл .svg, кто-нибудь может мне помочь, как я могу использовать этот файл SVG в моем коде react

.svg-файл, к которому я пытаюсь получить доступ

Импортируйте этот файл в то место, где вы хотите его использовать, используя:

импортируйте { ReactComponent как NameOfYourSvg } из «./yoursvg.svg»

Замените NameOfYourSvg именем, которое вы хотите использовать для него, оно должно начинаться с заглавной буквы.

После этого просто используйте svg в своем коде вот так:

 <div>
<NameOfYourSvg />
<div>