1
votes

Comment ajouter des icônes de médias sociaux à un composant de réaction?

J'ai créé le composant Carte à l'aide d'un fichier .jsx et chargé dans un fichier .js . Et ça marche. Ici, je veux savoir, comment ajouter des icônes de médias sociaux à la carte?

Ceci est pour un nouveau projet React, espérons exécuter mongodb. J'ai essayé d'utiliser ceci

const Card = props=>{
    return(

      <div className="card text-center shadow">
          <div className="overflow">
              <img src={props.imgsrc} alt='image 1' className="card-img-top" />
          </div>
          <div className="card-body text-dark">
              <h4 className="card-title">{props.title} </h4>
              <p className="card-text text-secondary">
                  Lorem ipsum dolor sit amet consectetur, 
              </p>
              **<a href="#" className="btn btn-outline-success">Go Anywhere</a>**
          </div>
      </div>  
    );

};

Mais cela n'a pas fonctionné.

npm install -g bower
bower install bootstrap-social.

Je m'attendais à changer au-dessus du bouton "Aller n'importe où" au bouton Twitter. Et pour mettre d'autres boutons comme Facebook, Instagram et ainsi de suite dans la même rangée.

reactjs

1 commentaires

Utilisez la bibliothèque appelée react-icons .

3 Réponses :

0
votes

Vous pouvez installer n'importe quelle bibliothèque d'icônes contenant des icônes sociales. Vous devez faire:

import { IconName } from 'react-feather';

npm install react-feather --save( run from the project folder )

Lien pour react-feather : https://github.com/feathericons/react-feather

J'espère que cela vous aidera!

0 commentaires

0
votes

vous pouvez utiliser webpack-webfont et convertir des icônes svg personnalisées en polices Web

vous pouvez télécharger des icônes sur flaticon.com

0 commentaires

1
votes

vous pouvez utiliser les icônes React entrez le code ici il comprend un tas d'icônes de font-awesome, la conception de matériaux, etc.

https://react-icons.github.io/react-icons/

puis importez vos icônes préférées, par exemple

import {FaTwitter} from 'react-icons/fa'

vous pouvez parcourir un tas de plusieurs icônes à:

npm install react-icons

       OR

yarn add react-icons

0 commentaires