Events getData & getSelectedValue for MDBSelect multiple don

Hi!

You can use the getValue() method to get the multi-select value. We forgot to add it in the documentation, so thanks for reporting that. I'm sorry for the inconvenience :)

Keep coding!

Hi,

Thank you for quick response. getValue() works but we noticed some unexpected behaviors in MDBSelect when multiple enabled, or are we doing something we should not? :-)

getValue() returns "text" not "value" as the getSelectedValue() returns for single select.

When trying to select a option and we click exacly on the checkbox, getValue() triggers, but checkbox not checked. After, two, three clicks, it is checked.

getValue() allways triggers twice.

import React from "react";
import "bootstrap/dist/css/bootstrap.min.css";
import "mdb-react-ui-kit/dist/css/mdb.min.css";
import "./App.css";
import { MDBSelect } from "mdb-react-ui-kit";

function App() {

  return (
    <div className="App">
      <div className="container">
        <div className="col col-lg-12 mt-5">
          <MDBSelect
            search
            searchLabel="Search..."
            label={"Label"}
            data={[
              {text:"Value 1", value:"value1"},
              {text:"Value 2", value:"value2"},
              {text:"Value 3", value:"value3"},
              {text:"Value 4", value:"value4"},
              {text:"Value 5", value:"value5"},
              {text:"Value 6", value:"value6"},
            ]}
            getSelectedValue={(data: any) => {
              console.log("getSelectedValue", data);
            }}
          />
        </div>
        <div className="col col-lg-12 mt-5">
          <MDBSelect
            search
            multiple
            searchLabel="Search..."
            label={"Label"}
            data={[
              {text:"Value 7", value:"value7"},
              {text:"Value 8", value:"value8"},
              {text:"Value 9", value:"value9"},
              {text:"Value 10", value:"value10"},
              {text:"Value 11", value:"value11"},
              {text:"Value 12", value:"value12"},
            ]}
            getValue={(data: any) => {
              console.log("getValue", data);
            }}
          />
        </div>
      </div>
    </div>
  );
}

export default App;

We installed MDB React Pro with following npm command:

npm install git+https://oauth2:XXXXXXXXX@git.mdbootstrap.com/mdb/react/mdb5/prd/mdb5-react-ui-kit-pro-essential --save

And the following version seems to be installed: Version: PRO Essential 1.0.0-beta7 Is this the version you recommend for production or is there another one, and how do we install it?

Many thanks.

Your version of MDB5 is correct. I see that the error occurs when using the multiple select and click on the checkbox, to select an option. This is a bug and we will fix this in the next release. Thanks for Your report!

Any updates on this issue? it's pretty inconvenient to use getValue as it returns the text not the option selected, and onchange does not work on MDBSelect.