如何解决反应项目不能看到同一文件夹中的css文件

在我创建了Navbar.js和style.css来装饰它之后，我的Navbar.js不能看到style.css。我是否做错了什么？

我还提供了我的完整的Navbar.js如下

import React, { useState } from 'react';
import MenuItems from './MenuItem';

function Navbar() {
    return(
        <nav className='NavbarItem'>
            <h1 className="Navbar-logo">React<i className='fab fa-react'></i></h1>
            <div className='menu-icon'>
                
            </div>
            <ul>
                {MenuItems.map((item, index) => {
                    return (
                        <li key={index}>
                            <a className={item.cName} href={item.url}>{item.title}</a>
                        </li>
                    )
                })}
            </ul>

        </nav>
    )
}

export default Navbar