react-live-search

Install

npm install --save react-live-search

Usage

import React, { Component } from 'react'
 
import ReactLiveSearch from 'react-live-search'
 
class Example extends Component {
  state = {
    value: '',
    data: [
      { label: 'test', value: 1 },
      { label: 'work', value: 2 },
      { label: 'great', value: 3 },
      { label: 'bar', value: 4 },
      { label: 'foo', value: 5 }
    ]
  };
  
  onChange = value => {
    this.setState({
      value
    });
  };
  
  onSelect = v => {};
 
 
  render () {
    return (
      <ReactLiveSearch
                value={value}
                onChange={this.onChange}
                onSelect={this.onSelect}
                data={data}
              />
    )
  }
}

Props	Required/optional	Description	Type
value	Required	Search term	String
data	Required	Data for search (should be an array of objects with label, value properties)	Array
onChange	Optional	Handle input change	Function
onSelect	Optional	Handle input data selection	Function
itemStyle	Optional	Item styles	Object

License

MIT © codeep team