Rumah  >  Artikel  >  hujung hadapan web  >  Perkara yang perlu dilakukan jika rujukan gaya komponen bertindak balas gagal

Perkara yang perlu dilakukan jika rujukan gaya komponen bertindak balas gagal

藏色散人
藏色散人asal
2023-01-04 10:52:462346semak imbas

Penyelesaian kepada kegagalan rujukan gaya komponen tindak balas: 1. Muat turun dan pasang pakej kebergantungan antd melalui "npm i --save antd" 2. Perkenalkan gaya antd di bahagian atas index.css 3. Melalui "import { Button } daripada "antd";" Hanya masukkan komponen yang dikehendaki ke dalam projek.

Perkara yang perlu dilakukan jika rujukan gaya komponen bertindak balas gagal

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

Apakah yang perlu saya lakukan jika rujukan gaya komponen tindak balas gagal?

Mengenai masalah gaya antd yang diperkenalkan dalam projek react tidak berkuat kuasa

1 Muat turun dan pasang pakej kebergantungan antd dalam projek react

npm i --save antd

2. Perkenalkan gaya antd di bahagian atas index.css (dokumen antd mengatakan untuk memperkenalkan gaya di bahagian atas app.css. Saya tidak tahu mengapa gaya itu tidak berkesan apabila saya mencubanya )

@import '~antd/dist/antd.css';

3. Perkenalkan komponen yang kami mahukan ke dalam projek, supaya anda dapat melihat kesannya!

import { Button } from "antd";

50d70aab2a4f23ec2670629b3613c627Ini ialah butanga3e004f852d9db698e48c7bc56b6738b

Pembelajaran yang disyorkan: "tutorial video bertindak balas

Atas ialah kandungan terperinci Perkara yang perlu dilakukan jika rujukan gaya komponen bertindak balas gagal. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn