반응 클래스 이름 사용: 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['scf-pagination'], {[Styles['xxxx']] : status === 1} )} /> //或者 <Pagination className={classnames(Styles.xxxxx)} />
두 번째 방법
import './pagin-cover.less'; <Pagination className={classnames({'scf-pagination':true,'xxxx': status === 1})} />
세 번째 방법
import './pagin-cover.less'; <Pagination className={classnames('scf-pagination','xxxxx')} />
권장 학습: "react 비디오 튜토리얼"
위 내용은 반응 클래스 이름의 사용법은 무엇입니까의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!