導航欄組件未使用react和react-bootstrap加載

Question

我只是想加載react-bootstrap組件，它似乎沒有加載。 我覺得我缺少明顯的東西。 我已經安裝了react-bootstrap和bootstrap。 我正在嘗試包裝並將其導出到App.js

這分別是我的Navbar組件和App.js：

import { Navbar } from 'react-bootstrap';
import { Component } from 'react';

class NavigationBar extends Component{
    render(){
        return(
            <Navbar>
                hello
            </Navbar>
        )
    }
}

export default NavigationBar;

import React from 'react';
import NavigationBar from './components/NavigationBar.js'
import { Navbar } from 'react-bootstrap'

function App() {
  return (
    <div className="App">
      <header className="App-header">

    <NavigationBar></NavigationBar>


      </header>
    </div>
  );
}

export default App;

Answer 1

更改此行=> import'React，{Component} from'react';

 import React, { Component } from 'react'; import { Navbar } from 'react-bootstrap'; class NavigationBar extends Component{ render(){ return( <Navbar> home </Navbar > ) } } export default NavigationBar;