mdbselect multiple issue version 1.4.0


Topic: mdbselect multiple issue version 1.4.0

Alecta pro premium priority asked 3 years ago

Hi,

We noticed unexpected behavior in MDBSelect "multiselect", when we tried to update from version 1.3.0 to 1.4.0 .

Basic CRA app:

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

function App() {
  const [state, setState] = useState<string[]>([]);

  return (
    <div className="App">
      <MDBSelect
        search
        multiple
        searchLabel="Search..."
        label={"Label"}
        data={[
          { text: "Value 1", value: "value1" },
          { text: "Value 2", value: "value2", selected: true },
          { text: "Value 3", value: "value3" },
          { text: "Value 4", value: "value4" },
          { text: "Value 5", value: "value5" },
          { text: "Value 6", value: "value6" },
        ]}
        getValue={(e: string[]) => {
          setState(e);
        }}
      />
    </div>
  );
}

export default App;

Expected behavior

Should call getValue on option click.

Would be great if the returned data could be the "value", not "text".

Actual behavior

Infinite loop.

enter image description here

Please get back to us how to solve this and we would appreciate if you could update your docs. https://mdbootstrap.com/docs/b5/react/forms/select/#docsTabsAPI

Many thanks


Wojciech Staniszewski staff commented 3 years ago

Thanks for reporting, this problem is already on our list and we will try to fix it as soon as possible.


Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Open

Specification of the issue
  • User: Pro
  • Premium support: Yes
  • Technology: MDB React
  • MDB Version: MDB5 1.3.0
  • Device: PC
  • Browser: Chrome
  • OS: Windows
  • Provided sample code: No
  • Provided link: Yes