lookup_without_debounce.js

class App extends React.Component {
  state = { results: [] };

  onInput = (e) => {
    const term = e.target.value;
    if (term) {
      axios
        .get(`https://ticker-2e1ica8b9.now.sh/keyword/${term}`)
        .then((res) => {
          this.setState({ results: res.data });
        });
    } else this.setState({ results: [] });
  };

  render() {
    return (
      <div className="App">
        <h1>Search Stock Ticker</h1>
        <input type="text" onChange={this.onInput} />
        <div className="Results">
          {this.state.results.map((r) => (
            <div>
              {r.name} [{r.symbol}]
            </div>
          ))}
        </div>
      </div>
    );
  }
}