Блог

Я пытаюсь добавить footer.js в моей реакции App.js

Это мой app.js .

 import React, { Component } from "react";
import "./App.css";

import Navbar from "./Navbar";
class App extends Component {
  render() {
    return (
      <div className="App">
        <BrowserRouter>
          <div>
            <Navbar />    
            <Switch>
              <Route path="/" exact component={Home} />
              <Route path="/SignIn" component={SignIn} />
            </Switch>
            <navfooter />
          </div>
        </BrowserRouter>
      </div>
    );
  }
}

export default App;
 

В моем App.js файл, я использовал навигационную панель, и она работает нормально. Я использую ту же концепцию для добавления footer.js файл в App.js досье. Я мог бы также попробовать использовать готовый файл нижнего колонтитула, но мне нужен был свой собственный файл нижнего колонтитула.
это мой footer.js

 import React from "react";

const navfooter = (props) => {
  return (
    <div>
      <p>footer</p>
    </div>        
  );
};

export default navfooter;
 

И это выглядит так:

Мой редактор кода VS Code не показывает никаких ошибок или предупреждений. Но консоль показывает ошибку:

Итак, что я делаю не так?

Извините, я только что понял свою ошибку, вместо navfooter я должен был написать Navfooter