React-List
A react component that renders a select dropdown.
Install
Install as node dependency:
npm install react-simple-select --save
Quickstart
npm start & npm run watch
Commands
npm run build
- build production css and jsnpm run watch
- compile css and jsnpm start
- start static dev server
Usage
var React = ;var ReactDOM = ;var select = ; var container = document; var items = id: 1 name: 'Bern' id: 2 name: 'Paris' id: 3 name: 'Berlin'; { return key: itemid value: itemid label: itemname ;} ReactDOM;
Properties
items
: an array of items, where items can be an arbitrary object. If items does not have the propertiesvalue
andlabel
then theitemFilter
needs to be set, to convert each item to a usable object.itemFilter
: a function that is called with each item and used to map the item to the propertieskey
,value
andlabel
.className
: an optional css class for the select element that is renderedonChange
: a function that is called when the value is changed.unselected
: an object that is the option item to select for no selection. The generated option will be the first dropdown item. To generate an option with an empty value use:{value: '', label: 'Please choose...'}
License
MIT