Working with SVG in React and different ways of styling it

preview_player
Показать описание
In this video I go over a problem I encountered a couple of days ago and the different approaches I've gone through before settling for a solution.
Рекомендации по теме
Комментарии
Автор

whoo tha exactly what i want to do with my svgs thanks a lot broo god bless you. hare krishana !

himanshulal
Автор

Thank you for the very helpful video. I didn't occur to me to convert the svg to a react component.

awabelmahe
Автор

i have 4 logos like these so i did this last method
now i need to call this 4 times with in a card. so it's make some kind a code repeat and ugly.
i wonder am i able to call these components like array maping?

Mufees_mhd
Автор

great! I had a todo ..and it s about to change values inside SVG that I have rendered in my site..like variable's values that I obtain from other components ...what do you think about it?

jotasenator
Автор

Is there any way I can create a reusable component to handle multiple SVGs? I have like 6 logos and it'd be a lot easier if i can use one component and just pass down the props.

tootyrnt
Автор

This is great, but what about packaged svg icons like react-icons where you don’t have access to the individual svg file for its React component?

raba
Автор

I have a problem which I want to solve with svg. want a map of a country with all states and provinces. but I need these states to have either one of 3 states. One grey, light blue and dark blue based on voter numbers. I also want them to be clickable so that they can open another component

afrikanking
Автор

muchas gracias por el video, me ha sido muy útil.

arturhonores
Автор

where did that <g><g/> came

prathmeshkalehere
Автор

Hi, how to use JSON of 100 svg logo and edit in react, because i want to render 100 svg logo in my project and want to edit icon and text of svg logo

manshihudda
Автор

how to add svg in background ? is it possible

shaileshrkumar
Автор

My svg is not rendering anything, it's fucking BLANK, I imported it just like u did, had the same className and React could definitely find the damn file

danieloyeleye
Автор

Walker Brenda Miller Margaret Jackson Thomas

JoellaAlberty-zc
Автор

imagine you have like 50 svg images...so you have components for each of all 50 images???

youtubegarbageu
Автор

Brown Elizabeth Gonzalez George Harris Jessica

GeoffreyEd
Автор

Brown Shirley Jones Carol Miller Charles

GeoffreyEd