filter_data_react.js

import React from 'react';

export default class App extends React.Component {
  state: {
    searchText: '',
    data: [{id: 1, text: 'text 1'}, {id: 2, text: 'text 2'}]
  }
  
  renderFilteredData = () => {
    const { searchText, data } = this.state
    if (searchText) {
      return data.filter(item => item.text.indexOf(searchText) > -1).map( item => (<li key={item.id}> {item.text} </li>) );
    }
    return data.map( item => (<li key={item.id}> {item.text} </li>) );
  }
  
  render() {
    return (
      <input value={this.state.text} onChange={(e)=>{this.setState({searchText: e.target.value })}}/>
      <ul>
        {this.renderFilteredData()}
      </ul>
    )
  }

}