如何在 React pro 滑块中更改子菜单的背景黑色

如何解决如何在 React pro 滑块中更改子菜单的背景黑色

如何在 React pro 滑块中更改子菜单的背景黑色。

请看图片，有子组件。现在它的背景颜色是黑色如何制作或更改颜色

 <div id="header">
        {/* collapsed props to change menu size using menucollapse state */}
        <ProSidebar collapsed={menuCollapse}>
          <SidebarHeader>
            <div className="logotext">
              {/* small and big change using menucollapse state */}
              <p>{menuCollapse ? "logo" : "Big logo"}</p>
            </div>
            <div className="closemenu" onClick={menuIconClick}>
              {/* changing menu collapse icon on click */}
              {menuCollapse ? <FiArrowRightCircle /> : <FiArrowLeftCircle />}
            </div>
          </SidebarHeader>
          <SidebarContent>
            <Menu iconShape="square">
              <MenuItem active={true} icon={<FiHome />}>
                Home
              </MenuItem>
              <SubMenu title="Components" icon={<FaHeart />}>
                <MenuItem>Component 1</MenuItem>
                <MenuItem>Component 2</MenuItem>
              </SubMenu>
              <MenuItem icon={<FaList />}>Category</MenuItem>
              <MenuItem icon={<faregHeart />}>Favourite</MenuItem>
              <MenuItem icon={<RiPencilLine />}>Author</MenuItem>
              <MenuItem icon={<BiCog />}>Settings</MenuItem>
            </Menu>
          </SidebarContent>
          <SidebarFooter>
            <Menu iconShape="square">
              <MenuItem icon={<Filogout />}>logout</MenuItem>
            </Menu>
          </SidebarFooter>
        </ProSidebar>
      </div>