question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

react-virtualized-select compatibale with react-select v2?

See original GitHub issue

I have upgraded by react-select to version 2 beta, to be able to include grouped selects. I am facing few issues here,

  1. Importing react-select.css throws an error that file is not found import 'react-select/dist/react-select.css';
  2. Also, i would want to know if react-virtualized-select is compatible with this version. I have tried to implement this, firstly the css breaks as the react-select.css is not loaded but it does show me the options and is quite fast , but the onchange function doesnt seem to be working. ( I am using the grouped select feature)

Any inputs on these issues will be useful, Thanks

Issue Analytics

  • State:closed
  • Created 5 years ago
  • Reactions:8
  • Comments:25 (2 by maintainers)

github_iconTop GitHub Comments

14reactions
simsman2695commented, Jul 31, 2018

@pallavi-syook I might have an answer for you

I was running across an issue with large amounts of data taking forever to render without being virualized.

In react-select v2 you can override different components. Override the MenuList component with the VIrtualList and you should be able to accomplish what you are trying to achieve.

selection_014

4reactions
willbee28commented, Nov 26, 2018

I found a solution! Basically just check if the props.children is an Array during initialization of rows like such ‘const rows = (Array.isArray(props. children)) ? props.children : [];’. Did the job for me. Works because often the props.children returns some weird sort of object when it is empty. Thanks so much @simsman2695 https://github.com/simsman2695 for all of the help and never giving up on me! Have a good one y’all.

On Mon, Nov 26, 2018 at 1:25 PM simsman2695 notifications@github.com wrote:

What datatype is this.props.stationOptions?

— You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub https://github.com/JedWatson/react-select/issues/2594#issuecomment-441744988, or mute the thread https://github.com/notifications/unsubscribe-auth/AZHNAcrYt7P1tLVcQ9ZeX-lV9bxkPBH6ks5uzDIzgaJpZM4T4MIj .

– Will Borwegen

Read more comments on GitHub >

github_iconTop Results From Across the Web

react-select-virtualized - npm
Select virtualized component using: react-select v4 + react-virtualized + react hooks. Latest version: 5.3.0, last published: 16 days ago.
Read more >
React Select V2 Virtualized - StackBlitz
Starter project for React apps that exports to the create-react-app CLI.
Read more >
React-select: virtualize options list - Stack Overflow
What is the expected way to virtualize options list in latest version of react-select (3.1. 0)? There is react-virtualized-select but is not ...
Read more >
React Select
A flexible and beautiful Select Input control for ReactJS with multiselect, autocomplete, async and creatable support.
Read more >
React-virtualized-select - npm.io
react -select-virtualized works just like react-select. You pass it an array of options, along with any other parameters supported by the Select component....
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found