MDB Bootstrap Support

<ul class="select-dropdown ...">
  <li {some attributes}>
    <span data-mulitple="false" class="filtrable">Option A</span>

import React, { Component } from "react";
import { MDBSelect } from "mdbreact";

class SelectPage extends Component {
  state = {
    options: [
      {
        checked: true,
        disabled: false,
        icon: null,
        value: "A",
        text: "Option A"
      },
      {
        checked: false,
        disabled: false,
        icon: null,
        text: "Option two",
        value: "2"
      },
      {
        checked: false,
        disabled: false,
        icon: null,
        text: "Option three",
        value: "3"
      },
      {
        checked: false,
        disabled: false,
        icon: null,
        text: "Option four",
        value: "4"
      }
    ]
  };

  displayValue = (val) => {
    console.log(val);
  }

  render() {
    return (
      <div>
        <MDBSelect
          color="primary"
          options={this.state.options}
          selected="Choose your option"
          search
          searchLabel="Test"
          getValue={this.displayValue}
        />
        <label>Example label</label>
      </div>
    );
  }
}

export default SelectPage;

gllermaly commented 6 years ago

Warning dissapears when I remove the search prop

---

Jakub Mandra staff premium commented 6 years ago

Thanks for report.

This is an actual bug, because search data is wrongly attached. It works ok, but we have to deal with that error. Will inform about the work progress.

 

Best

---

gllermaly commented 6 years ago

Thanks, I hope you are aware about "search" is searching against values and not texts , please fix or tell me how to do it

---

Jakub Mandra staff premium commented 6 years ago

Thank you, we are.

The fixes should be released in Monday, two weeks from now.

---

gllermaly commented 6 years ago

Nice! , please dont forget about this!!

---

Jakub Mandra staff premium commented 6 years ago

Issue has been resolved and is waiting on dev branch for release. It will take place on Monday :)

---