Apakah kegunaan nama kelas reaksi

Penggunaan nama kelas bertindak balas: 1. Pasang nama kelas melalui "install i classnames --save"; Kaedah Styles.xxxxx)}" boleh digunakan dengan menggunakan pustaka nama kelas.

Persekitaran pengendalian tutorial ini: Sistem Windows 10, bertindak balas versi 18.0.0, komputer Dell G3.

Apakah penggunaan nama kelas reaksi?

Penggunaan nama kelas react

Apabila anda ingin menggunakan berbilang Nama kelas dalam react, anda akan menggunakan perpustakaan nama kelas

Pemasangan

install i classnames --save

yarn add classnames --save

alat gesaan gaya kod lawan boleh memasang modul css clinyong.vscode-css-modules

Petikan

import classnames from 'classnames';

Gunakan

Cara pertama

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

Cara kedua

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

Cara ketiga

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

Pembelajaran yang disyorkan: "Tutorial Video bertindak balas》

Atas ialah kandungan terperinci Apakah kegunaan nama kelas reaksi. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!