如何在NavDropdown上的MenuItem中添加自定义类名称?

时间:2019-07-10 09:38:33

标签: reactjs react-bootstrap

我正在使用react-bootstrap(带有bootstrap 3),并且我想在Grid布局的下拉菜单中显示选项。

由于NavDropDown组件呈现了下拉菜单和下拉菜单,因此我无法自定义下拉菜单。

<NavDropdown title="Plan" id="plan-dropdown" className="mega-dropdown">
   <Clearfix>
      <div className="dropdown-menu dropdown-menu-right animate slideIn mega-dropdown-menu">
        <Grid>
           <h4>xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx</h4>
           <ul className="reset_list">
              <MenuItem bsClass="">sddfsdffsdfd</MenuItem>
              <MenuItem bsClass="">sddfsdffsdfd</MenuItem>
              <MenuItem bsClass="">sddfsdffsdfd</MenuItem>
              <MenuItem bsClass="">sddfsdffsdfd</MenuItem>
           </ul>
        </Grid>
     </div>
   </Clearfix>
</NavDropdown>

我希望菜单项将显示在我编码的布局中,但实际输出是整个布局成为 ul.dropdown-menu

的子级

0 个答案:

没有答案