Package Exports

react-simple-select

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (react-simple-select) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

React-List

A react component that renders a select dropdown.

Install

Install as node dependency:

npm install react-simple-select --save

Usage

var React = require('react');
var select = require('react-simple-select');

var container = document.querySelector('body');

var items = [
  {id: 1, name: 'Zürich'},
  {id: 2, name: 'St. Gallen'},
  {id: 3, name: 'München'},
];

function itemFilter(item) {
    return {
        key: item.id,
        value: item.id,
    label: item.name
    };
}

React.render(React.createElement(list, {
    items: items,
    itemFilter: itemFilter,
    value: 2,
    className: 'locations',
  ref: 'location',
  onChange: function (e) {
    console.log(e.target.value);
  }
}), container);

Properties

items: an array of items, where items can be an arbitrary object. If items does not have the properties value and label then the itemFilter 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 properties key, value and label.
className: an optional css class for the select element that is rendered
onChange: a function that is called when the value is changed.

Preview

Run node integration to preview the component on http://localhost:8000

License

MIT