render() {
  const { isOpen } = this.state;
  const dropdownItems = [
    <DropdownItem key="action">
      Default
    </DropdownItem>,
    <DropdownItem>
      <FormattedMessage
        id="welcome"
        defaultMessage={`Hello {name}, you have {unreadCount, number} {unreadCount, plural,
                    one {message}
                    other {messages}
                  }`}
        values={{name: <b>Joachim</b>, unreadCount: 25}}
      />
    </DropdownItem>,
    <DropdownItem key="action" component="button">
      Render as button
    </DropdownItem>,
    <DropdownItem key="link"><Button>Use Button component</Button></DropdownItem>,
    <DropdownItem key="disabled link">
      <Alert title="Use Alert component" />
    </DropdownItem>,
    <DropdownItem key="disabled action" isDisabled component="button">
      Disabled Action
    </DropdownItem>,
    <DropdownSeparator key="separator" />,
    <DropdownItem key="separated link">Separated Link</DropdownItem>,
    <DropdownItem key="separated action" component="button">
      Separated Action
    </DropdownItem>
  ];
  return (
    <IntlProvider locale="en">
      <Dropdown
        onSelect={this.onSelect}
        toggle={<DropdownToggle onToggle={this.onToggle} iconComponent={CaretDownIcon}>Dropdown</DropdownToggle>}
        isOpen={isOpen}
        dropdownItems={dropdownItems}
      />
    </IntlProvider>
  );
}