インポートは十分

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) 

ナビゲーションバー

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

JavaScriptの輸入はfromと名前が必要です。

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