Select.Async isn't using the options passed

I can’t have an actual example because the API I’m using isn’t public, but I’ve simplified the code as much as I could. Basically, the options I pass to the getOptions callback isn’t always showing properly in the select. My api returns a maximum of 5 items, e.g:

• Pitt st would render 5 items in the select
• Pitt st ma would render 1 items in the select even though the console.log before the callback has 5 items. To properly show those items, I have to close the dropdown and open it again. I tried with cache={false} & complete: false/true (yeah, both) and every possible combination but it didn’t change anything.

Am I doing anything wrong or it’s expected since it’s in rc ?

Cheers

import React, { Component, PropTypes } from 'react'
import Select from 'react-select'

let timeout
const getOptions = (text, cb) => {
  if (text.length <= 3) return cb()

  if (timeout) clearTimeout(timeout)
  timeout = setTimeout(() => {
    fetch(`api/${text}.json`)
      .then((res) => res.json())
      .then((data) => {
        const options = data.map((d) => ({
          value: d,
          label: d.label,
        }))

        console.log(options)
        cb(null, { options })
      })
  }, 500)
}

export default ({ value, onChange }) => (
  <Select.Async
    value={value}
    loadOptions={this.getOptions}
    onChange={onChange()}
  />
)

[bvaughn]

Ah. If you just want to disable filtering and let the Api handle it- then just provide your own filterOptions function that returns the full options array every time. 😄

function filterOptions(options) {
  return options;
}

[Calvein]

I forgot to add cb when I simplified the example, but I do have it in my actual code.

Here’s screenshots of the weird behavior I’m experiencing:

• Type pitt st
• The console logs 5 items, the dropdown show 5 items
• Without leaving the input, add mall to the search
• The console logs 5 items, the dropdown shows nothing
• Click out of the input and back in
• The dropdown shows the 5 items it previously didn’t show