react-virtualized-select compatibale with react-select v2?
See original GitHub issueI have upgraded by react-select to version 2 beta, to be able to include grouped selects. I am facing few issues here,
- Importing react-select.css throws an error that file is not found
import 'react-select/dist/react-select.css';
- 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:
- Created 5 years ago
- Reactions:8
- Comments:25 (2 by maintainers)
Top 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 >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
@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.
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:
– Will Borwegen