Question

我使用react-bootstrap中的以下组件：

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

当我在我的组件中使用DropdownButton时，它会创建一个带有嵌套<div>的{{1}}。如果我在<button>上设置className，如下所示：

DropdownButton

类名<DropdownButton className='myDropdown'>将应用于myDropdown 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')
);

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

1 个答案: