react-live-search

KO | EN

gitlite — search

#hacktoberfest #react #ai #typescript #llm #go #rust #deep-learning #nodejs #macos #java #cli #kubernetes #openai

react-live-search

(★ 8)

No description available.

react-live-search Latest Version Download

Download Latest Version (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# react-live-search

## Install

```bash
npm install --save react-live-search
```

## Usage

```jsx
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

react-live-search

react-live-search Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

react-live-search

react-live-search Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

Download README