Begginer Trouble in React imports

JavaScript
1

here’s my App.js

import './App.css';
import React from 'react';
import navBar from './navBar';
function App() {
  return (
    <div className="App">
      <navBar />
    </div>
  );
}
export default App;

here’s the one I’m trying to import navBar.js

import React from "react";
function navBar(){
some stuff
};
export default navBar;

it doesn’t read the navBar but reads when it’s called “Tweet” ← was the previous name of the function.

2

HI @cronie !

Welcome to the forum!

React components should start with a capital letter.

Instead of navBar which is camel case, it should be NavBar which is pascal case.

2 Likes
3

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.