Maison > Article > interface Web > Quelle est l'utilisation des noms de classe de réaction
Utilisation des noms de classe React : 1. Installez les noms de classe via "install i classnames --save" ; 2. Utilisez " import classnames from 'classnames' ;" pour référencer les noms de classe ; }" peut utiliser la bibliothèque de noms de classes.
L'environnement d'exploitation de ce tutoriel : système Windows 10, React version 18.0.0, ordinateur Dell G3.
À quoi servent les noms de classe React ?
Utilisation des noms de classe React
Lorsque vous souhaitez utiliser plusieurs noms de classe dans React, vous utiliserez la bibliothèque de noms de classe
Installation
install i classnames --save
yarn add classnames --save
l'outil d'invite de styles de code vs peut installer des modules CSS clinyong.vscode-css-modules
Citation
import classnames from 'classnames';
Utilisation
La première voie
import Styles from './pagin-cover.less'; <Pagination className={classnames(Styles['scf-pagination'], {[Styles['xxxx']] : status === 1} )} /> //或者 <Pagination className={classnames(Styles.xxxxx)} />
La deuxième voie
import './pagin-cover.less'; <Pagination className={classnames({'scf-pagination':true,'xxxx': status === 1})} />
La troisième voie
import './pagin-cover.less'; <Pagination className={classnames('scf-pagination','xxxxx')} />
Apprentissage recommandé : "Tutoriel vidéo React"
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!