Form.jsx

export Form extends Component {
  state = {
    placeName: '', 
  };
  
  onChange = (e) => {
    this.setState({
      placeName: e.target.value
    });
  };
  
  onClick = () => {
    this.props.onGoButton(this.state.placeName);
  };
  
  render() {
    <form className='page-form'>
      <input type='text' className='search-input' onChange={this.onChange)/>
      <button type='button' className='btn btn--search' onClick={this.onClick}>Go</button>
      <button className='btn btn--location'>My location</button>
      <span className='status-bar'>{this.props.data}</span>
      <fieldset className='results'> {this.props.locationList} </fieldset>
    </form>;
  }
}