DEV Community

Subho Karmakar
Subho Karmakar

Posted on

How do I use this "react-filter-search" library with REDUX Actions in REACT?

How do I use this library with Redux Actions in React App?
react-filter-search

// /*-Other Imports-*/ // import FilterResults from 'react-filter-search'; class App extends Component { constructor(props) { super(props); this.state = { data: [], value: '' }; } componentWillMount() { fetch('https://jsonplaceholder.typicode.com/users') .then(response => response.json()) .then(json => this.setState({ data: json })); } handleChange = event => { const { value } = event.target; this.setState({ value }); }; render() { const { data, value } = this.state; return ( <div> <input type="text" value={value} onChange={this.handleChange} /> <SearchResults value={value} data={data} renderResults={results => ( <div> {results.map(el => ( <div> <span>{el.name}</span> <span>{el.email}</span> </div> ))} </div> )} /> </div> ); } } 

Top comments (0)