How to do async search from API with MDB-Select and embedded

Wim Olivier commented 4 years ago

Currently I have a static list of options. I want to create the list using external fetch API search calls.

   const selectOptions = [
    "MIDDELBURG",
    "MIDDELBURG EXT 10",
    "MIDDELBURG EXT 11",
    "MIDDELBURG EXT 12",
    "MIDDELBURG EXT 13",
    "MIDDELBURG EXT 14",
    "MIDDELBURG EXT 16",
    "MIDDELBURG EXT 17",
    "MIDDELBURG EXT 18",
    "MIDDELBURG EXT 19",
    "MIDDELBURG EXT 20",
    "MIDDELBURG EXT 21",
    "MIDDELBURG EXT 22",
    "MIDDELBURG EXT 23",
    "MIDDELBURG EXT 24",
    "MIDDELBURG EXT 3",
    "MIDDELBURG EXT 30",
    "MIDDELBURG EXT 31",
    "MIDDELBURG EXT 32",
  ];

    <MDBSelect
      required
      label="Township Name"
      getTextContent={(value) => {
      setPropertyName(value);
      console.log(value);
      }}
          >
            <MDBSelectInput selected="Township Name" />
            <MDBSelectOptions search>
              {selectOptions.map((item, index) => {
                return (
                  <MDBSelectOption value={item} key={index}>
                    {item}
                  </MDBSelectOption>
                );
              })}
            </MDBSelectOptions>
          </MDBSelect>

caio.davi commented 4 years ago

I have the same issue. But I can't create a local list of options due to the size of my database. I was trying to use the search prop to get the user input and send an API request to populate the selector-options. But I don't think it would be possible using MDB-Selector.

Piotr Glejzer staff commented 4 years ago

Ok, I check it and you are right. There is a problem with async requests. I added the task to fix it.

Wim Olivier commented 4 years ago

Hi Piotr,

Where in the docs does it say that it can do async requests? I did not find it.

Thanks, Wim

Piotr Glejzer staff commented 4 years ago

Yes, I know that you didn't find it because it doesn't exist :(