Да, можешь импортировать SVG файлы прямо как React компоненты, а не как статические ассеты. Эта фишка есть в react-scripts версии 2.0.0 и выше.
Используй такой синтаксис, чтобы импортировать SVG как компонент:
import { ReactComponent as Logo } from './logo.svg'
Потом используй его как обычный React компонент:
const App = () => (
<div>
<Logo />
</div>
)
{ ReactComponent as } с фигурными скобками в импорте — это обязательноLogo) можешь менять под свои нуждыimgЭтот подход даёт больше гибкости, чем обычный импорт картинок, и при этом код остаётся чистым и поддерживаемым.
SVG файлы можно импортировать как React компоненты, используя синтаксис { ReactComponent as }, который требует фигурные скобки в операторе импорта.
Новый — ещё не проверен сообществом
Вы