child.js

// Packages, Styling
import React, { Component } from "react";
import 'styles.css';

class SearchField extends Component {
  render() {
    return (
      <div className="search">
          <input
            type="text"
            placeholder="Add a keyword..."
            value={this.props.keyword}
            onChange={event => this.props.handleKeyword(event.target.value)}
          />
          <button onClick={this.props.handleFetch}>Search</button>
      </div>
    );
  }
}

export default SearchField;