How to use the react-select-me/lib/hoc/makeVirtualized function in react-select-me

To help you get started, we’ve selected a few react-select-me examples, based on popular ways it is used in public projects.

Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.

github maslianok / react-select-me / examples / src / App.js View on Github external
import React, { Component } from 'react';
import cs from 'classnames';

import Select from 'react-select-me';
import makeVirtualized from 'react-select-me/lib/hoc/makeVirtualized';

import 'react-select-me/lib/ReactSelectMe.css';
import './index.css';

const VirtualizedSelect = makeVirtualized(Select);

const options = [
  { value: 'red', label: 'Red' },
  { value: 'blue', label: 'Blue' },
  { value: 'green', label: 'Green' },
  { value: 'gray', label: 'Gray' },
  { value: 'brown ', label: 'Brown ' },
  { value: 'cyan', label: 'Cyan' },
  { value: 'magenta', label: 'Magenta' },
  { value: 'coral', label: 'Coral' },
];

const LINK = 'https://github.com/maslianok/react-select-me/';

const numOfRows = 2000;
const tonsOfOptions = [...Array(numOfRows)].map((n, i) => ({ value: i, label: `Value ${i}` }));

react-select-me

A highly scalable react dropdown list

MIT
Latest version published 3 years ago

Package Health Score

45 / 100
Full package analysis

Popular react-select-me functions