0
votes

Utilisation de SVG en tant que composant React

im essayant d'utiliser SVG avec réagir, mais je peux TI essayé une solution, ce qui n'a pas trouvé pourquoi je reçois cette erreur: xxx

s'il y a quelqu'un qui peut m'aider i sera très reconnaissant. Exemple de code dans CodeSandbox: HTTPS: // Codesandbox. io / s / svg-in-réact-r3g6l? fichier = / index.js

javascript reactjs svg

1 commentaires

Vous devez inclure le code dans la question elle-même.

3 Réponses :

0
votes

Vous devez utiliser la balise IMG

import Logo from "./Logo.svg
<img src={Logo} alt="Logo" />

2 commentaires

Merci pour votre réponse, alors comment pouvez-vous changer la couleur du SVG?

Je vois que sur le bac à sable que vous avez réagi et réagissant-DOM version 16.0.0. Avez-vous essayé de mettre à jour à 16,4 ou plus?

0
votes

"Dans le cadre des fonctionnalités ajoutées à la nouvelle version de Create-React-App (V2), nous pouvons désormais importer des SVGS comme des composants de réagisme."

Vérifiez cet article pour plus d'options: Utilisation-SVG-Icons-Composants-in-réact A > P>

* Modifier: Pour changer la couleur du SVG, utilisez la propanie "Remplir" dans CSS. Vous pouvez ajouter une pièce d'identité ou de classe à l'intérieur de votre SVG pour le sélectionner. P>

fill: red;

1 commentaires

merci mec à propos de votre explication, actuellement je suis en train d'utiliser React Chauffate pas créer une application réactive

1
votes

C'est ce que je fais habituellement:

visitez https://react-svgr.com/playground/ et coller dans votre SVG Et cela transformera le SVG en un composant réactif. Il vous permet de passer des attributs SVG en tant que accessoires.

Vous pouvez consulter sa bibliothèque d'origine - SVGR pour d'autres usages.

0 commentaires