Que faire si la référence de style de composant de réaction échoue

Solution à l'échec de la référence de style du composant React : 1. Téléchargez et installez le package de dépendances antd via "npm i --save antd" ; 2. Introduisez le style antd en haut de index.css ; Button } from "antd ";" Introduisez simplement les composants souhaités dans le projet.

L'environnement d'exploitation de ce tutoriel : système Windows 10, React version 18.0.0, ordinateur Dell G3.

Que dois-je faire si la référence de style du composant React échoue ?

À propos du problème selon lequel l'introduction du style antd dans le projet React ne prend pas effet

1 Téléchargez et installez le package de dépendances antd dans le projet React

npm i --save antd

2 Introduisez le style antd en haut de index.css (. le document antd dit que c'est dans l'application Présentation des styles en haut de .css, je ne sais pas pourquoi les styles ne prennent pas effet quand j'ai essayé)

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

Introduisez les composants que nous voulons dans le projet, pour que vous puissiez voir l'effet !

import { Button } from "antd";

Ceci est un bouton

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!