외부 디렉토리에서 React 구성 요소 가져 오기

Question

import React from 'react'; 
//import logo from './logo.svg'; 
import './App.css'; 
import '../public/components/NavBar'; 


class App extends React.Component { 
    render() { 
    return (
     <NavBar /> 
    ); 
    }; 
}; 

export default App; 

충분히 간단합니다. 왜 다음과 같은 컴파일 오류가 발생합니까?

Failed to compile. 

Error in ./src/App.js 

C:\Users\martin\Documents\Web Projects\ReactApp\app\src\App.js 
    10:9 error 'NavBar' is not defined react/jsx-no-undef 

✖ 1 problem (1 error, 0 warnings) 

Navbar의

import React, {Component} from 'react'; 

class NavBar extends Component { 
    handleClick() { 
    alert('Hello world!'); 
    } 

    render() { 
    return (
     <nav class="navbar navbar-default"> 
      <div class="container-fluid"> 
      <div class="navbar-header"> 
       <a class="navbar-brand" href="{this.handleClick}"> 
       Yeet Club 
       </a> 
      </div> 
      </div> 
     </nav> 
    ); 
    } 
} 

export default NavBar; 

Answer 1

자바 스크립트 수입은 from하고 이름이 필요합니다

import NavBar from '../public/components/NavBar';