Dropdown does not display selected value

Hi @SamV,

You need to control active prop in the MDBDropdownItem component. like in the snippet below. You need just write a function to toggle true / false after click / keyDown on clicked element.

import React from "react";
import { MDBDropdown, MDBDropdownToggle, MDBDropdownMenu, MDBDropdownItem } from "mdbreact";
​
const DropdownPage = () => {
  return (
    <MDBDropdown dropright>
      <MDBDropdownToggle caret color="primary">
        Dropup
      </MDBDropdownToggle>
      <MDBDropdownMenu >
        <MDBDropdownItem>Action</MDBDropdownItem>
        <MDBDropdownItem active={true}>Another Action</MDBDropdownItem>
        <MDBDropdownItem active={false}>Something else here</MDBDropdownItem>
        <MDBDropdownItem divider />
        <MDBDropdownItem active={true}>Separated link</MDBDropdownItem>
      </MDBDropdownMenu>
    </MDBDropdown>
  );
}
​
export default DropdownPage;

Best regards,

Kuba