我在 React 中的一个组件未加载，而其余组件加载正常

Question

我是一名初学者，正在尝试使用 React JS 制作一个简单的网站。这是我的 App.js 文件和未呈现的其他组件。所有其他组件都呈现良好，除了我提供代码的组件 (homePageProducts.js).

App.js

import './App.css';
import Header from './Components/Header';
import Footer from './Components/Footer';
import CarouselContainer from './Components/Carousel/CarouselContainer';
import homePageProducts from './Components/homePageProducts/homePageProducts';
import 'bootstrap/dist/css/bootstrap.min.css';

function App() {
  return (
    <div>
        <Header></Header>
     
        <CarouselContainer></CarouselContainer>
    
        <homePageProducts></homePageProducts>
        
       <Footer></Footer>

  </div>
  );
 }

 export default App;

homePageProducts.js

import React from 'react';


function homePageProducts()
{

    return(
      
          <div>
           <p>Good morning</p>
          </div>
           
    );
}

export default homePageProducts;

PS 我只是在测试这个组件，因此有简单的代码。我检查了两次，我确定我已经正确导入 homePageProducts.js

Answer 1

make sure you have imported it correctly import homePageProducts from './Components/homePageProducts/homePageProducts'

Answer 2

如果您打算渲染 React 组件，请以大写字母开头其名称。

import HomePageProducts from './Components/homePageProducts/homePageProducts';

并渲染它 <HomePageProducts/>

我在 React 中的一个组件未加载，而其余组件加载正常

One of my component in React is not loading while the rest of the components load fine

javascript

reactjs

mern