`反応-bootstrap`私は部品の下に使用

Question

をreact-bootstrapから：

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

私は私のコンポーネントでDropdownButtonを使用し、それは、ネストされた<button>と<div>を作成します。私は以下のようにDropdownButtonにclassNameを設定した場合：

<DropdownButton className='myDropdown'> 

をクラス名myDropdownは、私が<div> DOMのクラス名を設定することができますどのように<button> DOMに適用されますか？

Answer 1

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') 
);