Simple React component

import React, { Component } from 'react';
import 'whatwg-fetch'
import './App.css';

import UserList from './UserList';

class App extends Component {
  constructor(props){
    super(props)
    this.state = {
      value: '',
      userList: []
    }
  }

  search = () => {
    const { value } = this.state;

    fetch(`https://api.github.com/search/users?q=${value}`)
      .then(res=>res.json())
      .then((data) => {
        this.setState({
          userList: data.items
        })
      })
  }
  changeButton = (e) => {
   this.setState({value: e.target.value})
  }

  render() {
    const { value, userList } = this.state;

    return (
      <div className="App">
        <header className="App-header">
          <input value={value} onChange={this.changeButton} />
          <button onClick={this.search}> Search</button>
        </header>
        <div>
          <UserList userList={userList} />
        </div>
      </div>
    );
  }
}

export default App;