Collapse is not showing value when i'm giving inpu about react-select-plus HOT 9 CLOSED

So you're changing opts in the onInputKeyDown handler?

Instead of using options and onInputKeyDown, have you considered using loadOptions? That's the official mechanism for supplying options asynchronously in response to the user's search query.

from react-select-plus.

What's going on in that onInputKeyDown handler? If you remove that line, does the Select behave normally?

from react-select-plus.

When i gave an input from my keyboard a service is called through redux saga. Am i missing a property and my list is not refreshed? It looks like even if my state is updating the list is not updating instantly. Only after onBlur and then onFocus the list is updating

from react-select-plus.

Hmm nice thought Trevor. I'm gonna give it a try and i 'll inform you. Close the issue if you wish to and i'm going to inform you if this approach will properly :)

from react-select-plus.

I've change the options to loadOptions. Now the list is not rendering at all

from react-select-plus.

What does your loadOptions function look like?

from react-select-plus.

My loadOptions is exactly the same as my options function beacause when the service is called i save my state with the exact same way:
const clientsIdArray = Array.from(clients.keys());

const opts = clientsIdArray.map((client) => {
  const lastName = clients.getIn([client, 'lastName']);
  const exchangeCode = clients.getIn([client, 'exchangeCode']);
  const customer = `${lastName}(${exchangeCode})`;
  const portArray = clients.getIn([client, 'portfolioCode']).toArray();
  if (portArray.find(i => i.includes('#'))) {
    portArray.push(portArray.splice(portArray.indexOf(portArray.find(i => i.includes('#'))), 1)[0]);
  }
  const typesArray = [];
  for (let i = 0; i < portArray.length; i += 1) {
    typesArray[i] = portfolios.getIn([portArray[i], 'type']);
  }
  const finalTypesArray = typesArray
    .filter(value => value !== undefined);
  if (finalTypesArray.includes('DERIV')) {
    finalTypesArray.push(finalTypesArray.splice(finalTypesArray.indexOf('DERIV'), 1)[0]);
  }
  return {
    label: customer,
    value: client,
    options: finalTypesArray.map((value, i) =>
      ({ label: value, value: portArray[i] }))
  };
});

and then optios ={opts} or loadOptions={opts}

from react-select-plus.

You can chech a same issue as mine. He is not using loadOptions as i see https://stackoverflow.com/questions/43072867/use-async-react-select-with-redux-saga

from react-select-plus.

I don't know how to help you. React Select is not a pure component. It may be fundamentally incompatible with redux-saga, unless you can interact with redux-saga through loadOptions.

from react-select-plus.