반응 구성 요소 스타일 참조가 실패하는 경우 수행할 작업

반응 구성 요소 스타일 참조 실패에 대한 해결 방법: 1. "npm i --save antd"를 통해 antd 종속성 패키지를 다운로드하고 설치합니다. 2. index.css 상단에 antd 스타일을 도입합니다. "antd ";"의 버튼 } 프로젝트에 원하는 구성요소를 추가하기만 하면 됩니다.

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

리액트 컴포넌트의 스타일 참조가 실패하면 어떻게 해야 하나요?

리액트 프로젝트에 antd 스타일을 도입해도 적용되지 않는 문제에 대해

1. 리액트 프로젝트에 antd 종속성 패키지를 다운로드하여 설치합니다

npm i --save antd

2.index.css 상단에 antd 스타일을 도입합니다( antd 문서에는 앱에 있다고 나와 있습니다. .css 상단에 스타일을 도입했는데 왜 시도했을 때 스타일이 적용되지 않는지 모르겠습니다.)

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

3 프로젝트에 원하는 구성 요소를 도입합니다. 효과를 보실 수 있도록!

import { Button } from "antd";

6d1111a865a2d4d2a411253e652972f2이것은 버튼입니다51738bfe3c0543748d57de456193ed4a

추천 학습: "react 비디오 튜토리얼"

위 내용은 반응 구성 요소 스타일 참조가 실패하는 경우 수행할 작업의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!