반응 클래스 이름의 사용법은 무엇입니까

반응 클래스 이름 사용: 1. "install i classnames --save"를 통해 클래스 이름을 설치합니다. 2. 클래스 이름을 참조하려면 "import classnames from 'classnames';"를 사용합니다. }" 메소드는 클래스 이름 라이브러리를 사용할 수 있습니다.

이 튜토리얼의 운영 환경: Windows 10 시스템, 반응 버전 18.0.0, Dell G3 컴퓨터.

반응 클래스 이름의 용도는 무엇인가요?

반응 클래스 이름 사용

반응에서 여러 클래스 이름을 사용하려면 클래스 이름 라이브러리를 사용하세요

설치

install i classnames --save

yarn add classnames --save

vs 코드 스타일 프롬프트 도구는 CSS 모듈 clinyong.vscode-css-modules를 설치할 수 있습니다

Quote

import classnames from 'classnames';

Use

첫 번째 방법

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)}
/>

두 번째 방법

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

세 번째 방법

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

권장 학습: "react 비디오 튜토리얼"

위 내용은 반응 클래스 이름의 사용법은 무엇입니까의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!