Change suggested results

[gravitymedianet]

Version

Steps to reproduce

I have set up my PHP backend server to parse the search string for a react-bootstrap-typeahead request that is async. For example, if I search "bottle black", it will also find "black bottle". The problem is when the results come back to the typeahead, it shows 0 results in the COMPONENT list, even though the JSON response DOES have a result, because the order of the words do not match what the user entered.

Expected Behavior

0 results, although the JSON response shows results.

Actual Behavior

The question is how to modify the component so that it will show results based on individual word matches vs. the entire string.

[ericgio]

Hi @gravitymedianet, thanks for the question. You can avoid filtering on the client by passing () => true to the filterBy prop. See the filtering docs, #578, and #589.

[gravitymedianet]

Thanks, I just figured that out. How about to alter the highlighting to select each word present?

[ericgio]

@gravitymedianet: You can use renderMenu or renderMenuItemChildren (see Rendering docs and example) to customize how each result is highlighted.