MDBDropDown Doesnt show selected value

Hi @afshinshahpari@gmail.com,

For what do you need MDBDropdown? A maybe better way to show selected options is using MDBSelect?

If you want to use MDBDropdown you can make state, make function to change state and set onClick for your dropdown.

import React from "react";
import { MDBDropdown, MDBDropdownToggle, MDBDropdownMenu, MDBDropdownItem } from "mdbreact";

class LightboxPage extends React.Component {
  state={
    selected:null
  }

  handleSelect = e => this.setState({selected: e.target})

 render(){
  return (
    <MDBDropdown dropup>
      <MDBDropdownToggle caret color="primary">
        Dropup
      </MDBDropdownToggle>
      <MDBDropdownMenu basic>
        <MDBDropdownItem onclick={this.handleSelect}>Action</MDBDropdownItem>
        <MDBDropdownItem onclick={this.handleSelect}>Another Action</MDBDropdownItem>
        <MDBDropdownItem onclick={this.handleSelect}>Something else here</MDBDropdownItem>
        <MDBDropdownItem divider />
        <MDBDropdownItem onclick={this.handleSelect}>Separated link</MDBDropdownItem>
      </MDBDropdownMenu>
    </MDBDropdown>
  );
}};

export default DropdownPage;

Best regards, Konrad.