Dropdowns don't drop down

[jstray]

I'm getting a button, but nothing happens on click. This is, incidentally, the same behavior I get with the main react-bootstrap package. Minimal example below. My environment is Bootstrap 4.0.0-alpha6/Django/webpack/OS X/Chrome.

import React from 'react';
import ReactDOM from 'react-dom';
import { DropdownButton, MenuItem } from 'react-bootstrap-4';
require('bootstrap/dist/css/bootstrap.css');

export default class ModuleMenu extends React.Component {

  render() {
    return (
    <DropdownButton title="Dropdown">
      <MenuItem href="#books">Books</MenuItem>
      <MenuItem href="#podcasts">Podcasts</MenuItem>
      <MenuItem href="#">Tech I Like</MenuItem>
      <MenuItem href="#">About me</MenuItem>
      <MenuItem href="#addBlog">Add a Blog</MenuItem>
    </DropdownButton>
    );
  }
}


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

[julien-f]

This fork of react-bootstrap is not actively maintained. If you want to use Bootstrap 4, I suggest you to turn to reactstrap.

Anyway, here's how we use it 😃