SearchComponent.js

import React from "react";

export default class Table extends React.Component {

  constructor() {
    super();
    this.state = { query: '', filteredData: undefined };
  }

  searching = () => {
    this.search(this.refs.input.value);
  }

  search(query) {
    var filteredData = [];
    this.props.data.forEach( (account) => {
      if ( account.Account.toLowerCase().indexOf(query) != -1 ) {
        filteredData.push(account);
      }
    });
    console.log(filteredData);
    this.setState({ filteredData: filteredData });
  }

  renderResults() {
    var rows = [];
    if (this.state.filteredData) {
      this.state.filteredData.forEach( (result) => {
        rows.push(<tr><td>{ result.Account } </td><td> {result.Kam} </td> </tr>)
      })
    }
    return rows;
  }

  render() {
    return (
    <div class="results">
     <input type="text" ref="input" onChange={this.searching}/>
     <div class="search-results">
      <table>
        {this.renderResults()}
      </table>
     </div>
    </div>
    );
  }
}