React large data list
React drop down for large data items.
Why this component?
* This is designed for the purpose of handling large number of dropdown items.
* Most of the popular React dropdown libraries slow down massively when the dataset has more than 1000 items. This component can handle any large data set without any significant slowness.
----
Props
* options : array, Array of elements.
* onChange : function(value)
* containerStyle : object, Style for main container.
* inputContainerStyle : object, Style for main container.
* inputStyle : object, Input text box style.
* disabled : boolean, true/false
* clearIconStyle : object, Clear textbox icon style
* createButtonStyle : object, Create option style
* onClickCreate : function (value), called when user clicks on create button,
* defaultValue : string, Initial value
----
Install
npm i react-large-datalist
Code
...
import ReactLargeDatalist from 'react-large-datalist';
...
...
options={["Option 1", "Option 2", "Option 3"]}
disabled={false}
defaultValue="Option 2"
onChange={(value) => {console.log("Selected value:", value)}}
onCreate={(newValue)=>{console.log("Created value", newValue)}}
/>
...
...
Demo link
GitHub link