Maison  >  Article  >  interface Web  >  Quelle est l'utilisation des noms de classe de réaction

Quelle est l'utilisation des noms de classe de réaction

藏色散人
藏色散人original
2022-12-28 10:22:332445parcourir

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.

Quelle est l'utilisation des noms de classe de réaction

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

La troisième voie

import  &#39;./pagin-cover.less&#39;;
<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!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn