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[&#39;scf-pagination&#39;],
{[Styles[&#39;xxxx&#39;]] : status === 1}
)}
/>
//或者
<Pagination
className={classnames(Styles.xxxxx)}
/>

La deuxième voie

import  './pagin-cover.less';
<Pagination
className={classnames({&#39;scf-pagination&#39;:true,&#39;xxxx&#39;: status === 1})}
/>

La troisième voie

import  './pagin-cover.less';
<Pagination
className={classnames(&#39;scf-pagination&#39;,&#39;xxxxx&#39;)}
/>

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!