[英]How to add class name on DropdownButton component in `react-bootstrap`
I use below components from react-bootstrap
: 我使用react-bootstrap
以下组件:
import { DropdownButton, MenuItem } from 'react-bootstrap';
When I use DropdownButton
in my component, it creates a <div>
with a nested <button>
. 当我在组件中使用DropdownButton
时,它将创建带有嵌套<button>
的<div>
<button>
。 If I set className
on DropdownButton
like below: 如果我在DropdownButton
上设置className
,如下所示:
<DropdownButton className='myDropdown'>
the class name myDropdown
will apply to the <button>
DOM, how can I set the class name for the <div>
DOM? 类名myDropdown
将应用于<button>
DOM,如何设置<div>
DOM的类名?
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')
);
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.