Twitter bootstrap 如何在'react bootstrap'中的DropdownButton组件上添加类名`

我使用

react引导中的以下组件：

import { DropdownButton, MenuItem } from 'react-bootstrap';

当我在我的组件中使用
下拉按钮时，它会创建一个带有嵌套
的
。如果我在
下拉按钮上设置
className
，如下所示：

<DropdownButton className='myDropdown'>



类名
myDropdown
将应用于
DOM，如何设置
DOM的类名？
从“React”导入React；
import React from 'react';
import ReactDOM from 'react-dom';
import { DropdownButton, MenuItem } from 'react-bootstrap';
require('bootstrap/dist/css/bootstrap.css');

export default class MyMenu extends React.Component {

  render() {
    return (
    <DropdownButton title="Dropdownxs">
      <MenuItem href="#books">cricket</MenuItem>
      <MenuItem href="#podcasts">Podcasts</MenuItem>
      <MenuItem href="#">Football</MenuItem>
      <MenuItem href="#">Hockey</MenuItem>
      <MenuItem href="#addBlog">kabadi</MenuItem>
    </DropdownButton>
    );
  }
}


ReactDOM.render(
  React.createElement(ModuleMenu, null),
  document.getElementById('root')
);

从“react dom”导入react dom；
从“react bootstrap”导入{DropdownButton，MenuItem}；
要求（'bootstrap/dist/css/bootstrap.css'）；
导出默认类MyMenu扩展React.Component{
render（）{
返回(
板球
播客
足球
曲棍球
卡巴迪
);
}
}
ReactDOM.render(
React.createElement（moduleNu，null），
document.getElementById（'root'））
);
我想我不明白你的代码。你通过添加类名解决了我的问题吗？如果是，代码中定义的类名在哪里？