React에서 \'고정 위반: 잘못된 요소 유형\' 오류가 발생하는 이유는 무엇입니까?

불변 위반 오류: 잘못된 요소 유형

이 오류는 잘못된 요소 유형을 렌더링하려고 할 때 발생합니다. 오류 메시지에 명시된 대로 이 요소는 문자열(내장 구성 요소의 경우) 또는 클래스/함수(복합 구성 요소의 경우)여야 합니다.

가능한 해결 방법

주어진 코드에서 About 구성 요소는 다음과 같이 가져옵니다.

var About = require('./components/Home')

이로 인해 개체가 About에 할당되는데 이는 유효하지 않습니다. 요소 유형. 올바른 가져오기는 다음과 같습니다.

import About from './components/Home'

이렇게 하면 구성 요소로 렌더링될 수 있는 About 클래스/함수를 가져옵니다.

추가 참고 사항

• Webpack을 사용하는 경우 제공된 형식에 언급된 대로 올바른 형식을 사용하여 가져오기가 수행되었는지 확인하세요. 솔루션.
• 내장 구성 요소(예: div, h1, li)는 문자열로 직접 사용할 수 있지만 복합 구성 요소(맞춤 구성 요소 또는 타사 라이브러리)는 클래스/함수로 가져와야 한다는 점을 기억하세요.

위 내용은 React에서 \'고정 위반: 잘못된 요소 유형\' 오류가 발생하는 이유는 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!