Каким образом лучше использовать React & SVG?

Question

[lexstile]

Пришел на новый проект, там ребята каждый цвет SVG делают отдельным файлом и отдельной иконкой.
Не вижу это правильным решением.
Подскажите, как лучше реализовать функционал, чтобы иконка была одна, а в нужных компонентах мы докидывали цвет?!
Поможет ли пакет react-svg?

Answer 1

[0xD34F]

как лучше реализовать функционал, чтобы иконка была одна, а в нужных компонентах мы докидывали цвет?

сделать соответствующий параметр

Comments

[lexstile]

а если svg на сdn?

[0xD34F]

lexstile, да без понятия.

Answer 2

[kn1ght_t]

По идее можно сделать из свг реакт-компонент и закидывать любые параметры (в том числе цвет) через пропсы
но такую динамическую штуку не закэшировать
поэтому, если цветов на каждую иконку не так уж и много, то лучше свг с цветами хранить отдельными файлами, как и делают у вас в проекте

могу быть не прав