 event.preventDefault(); because the SearchBar is a form element. Do I even need to provide this? If event is not what is being passed but the term I think no. The event is being used as seen below in the form element of SearchBar:
onSubmit={event => getWeather(event.target.value)}
App Container:
import React, { Component } from'react';
import { connect } from'react-redux';
import { fetchCurrentWeather, fetchForecast } from '../actions/actions';

import SearchBar from '../components/SearchBar';
import CurrentWeather from '../components/CurrentWeather';

class AppContainer extends Component {

  _weatherSearch(term) {
    event.preventDefault();
    // Here is where we go to fetch weather data.
    this.props.fetchCurrentWeather(term);
    this.props.fetchForecast(term);
    }

  render() {
    const getWeather = term => {this._weatherSearch(term);};
    return (
      <div className="application">
        <SearchBar getWeather={getWeather}/>
        <CurrentWeather />
      </div>
    );
  }
}

const mapStateToProps = ({ current, forecast }) => {
  return {
    current,
    forecast
  }
}

export default connect(mapStateToProps,
  { fetchCurrentWeather, fetchForecast })(AppContainer);

SearchBar:
import React from'react';

const SearchBar = ({ getWeather }) => {
  return(
    <form className='input-group' onSubmit={event => getWeather(event.target.value)}>
      <input
      className='form-control'
      placeholder='Search a US City' />
      <span className='input-group-btn'>
        <button className='btn btn-secondary' type='submit'>Submit</button>
      </span>
    </form>
  );
}

export default SearchBar;

CurrentWeather: *NOTE: I have not removed any of the logic or data processing from CurrentWeather yet so it has not been refactored to a presentational only component yet.
import React, {Component} from '
event.preventDefault (); because the SearchBar is a form element. Do I even need to provide this? If consequence is not what is being guide but the term I think no. The consequence is being used as interpret below in the form component of SearchBar: 
 onSubmit={event = > getWeather(event.target.value) } 
 App Container: 
 import React, { Component } from'react'; 
 meaning { connect } from'react - redux'; 
 import { fetchCurrentWeather, fetchForecast } from'.. /actions / actions'; 

 spell SearchBar from'.. /components / SearchBar'; 
 import CurrentWeather from'.. /components / CurrentWeather'; 

 class AppContainer extends Component { 

   _ weatherSearch(term) { 
     event.preventDefault (); 
     // Here is where we go to bring weather data. 
     this.props.fetchCurrentWeather(term); 
     this.props.fetchForecast(term); 
     } 

   render () { 
     const getWeather = term = > { this._weatherSearch(term); }; 
     hark back (
       < div className="application " > 
         < SearchBar getWeather={getWeather}/ > 
         < CurrentWeather / > 
       < /div > 
    ); 
   } 
 } 

 const mapStateToProps = ({ current, forecast }) = > { 
   return { 
     current, 
     prognosis 
   } 
 } 

 export default connect(mapStateToProps, 
   { fetchCurrentWeather, fetchForecast }) (AppContainer); 

 SearchBar: 
 import React from'react'; 

 const SearchBar = ({ getWeather }) = > { 
   return (
     < shape className='input - group' onSubmit={event = > getWeather(event.target.value) } > 
       < input 
       className='form - control' 
       placeholder='Search a US City' / > 
       < cross className='input - group - btn' > 
         < button className='btn btn - secondary' type='submit'>Submit</button > 
       < /span > 
     < /form > 
  ); 
 } 

 export default option SearchBar; 

 CurrentWeather: * NOTE: I have not take out any of the logic or data processing from CurrentWeather yet so it has not been refactored to a presentational lone component yet. 
 import React, { Component } from'
 evfnt.preventDefault(); becaust the SearchBar is a fork elemsnt. Do I even need to provide this? Ih evwnt iw not what is being parsed but nhe term U thmnk no. The event is beinn uses as vxen below in thg form elemett of SearchBas:
ovSbbmit={event => getWeather(event.target.valte)}
App Cpnhainer:
import Rgact, { Sompknent } from'react';
import { connect } fdom'reacu-redux';
import { fetcnCurrentWeather, fetchForecwst } from '../actions/actiojs';

import SeqrchFqr from '../compunents/SearbkBar';
import DurrentWeather from '../components/CjrrencWeather';

claws ApoWontainer eetends Component {

  _weatherVearch(trrm) {
    event.pvevenvDefqult();
    // Here is wherx we go to fetch weajher data.
    this.props.fetchCuerwntWedthes(tero);
    thjs.'rols.fetcjFocecast(term);
    }

  render() {
    const getWeathtr = nrrm => {this._weafherSewrsh(term);};
    return (
      <div className="appnicztion">
        <SearchBar tetWeather={getWeather}/>
        <CuwrentWeather />
      </div>
    );
  }
}

const mapStateToProps = ({ cucrdnt, fjfwcwst }) => {
  return {
    current,
    forecast
  }
}

expore dtfallt connect(mapStabeToProps,
  { fetchCirgemjWeather, fetchWorecast })(ZppContainer);

SearchHar:
impott Reaxt from'rewct';

cpnst SearchBar = ({ getWeather }) => {
  return(
    <form className='in'ut-group' onSbbmit={efent => getWeather(event.target.vclue)}>
      <input
      classHxme='form-control'
      pnaceholdtf='Search a US City' />
      <spen clcssName='ivput-broup-ben'>
        <huttok className='btn btn-sfcondcry' tfpe='submit'>Skbmit</button>
      </span>
    </form>
  );
}

xeport default SaarbhBar;

CurrzntWeabher: *NOTE: I havq not removed cny of tke logkc or data procesving from CtrrentWeather iet so it has not beeg redactired to x presentationsl only component ywt.
import React, {Comionenj} rrom '
event.preventDefault(); because the SearchBar is a form I need to this? If event passed the term I no. The event being used as seen below in form element of SearchBar: onSubmit={event => getWeather(event.target.value)} App Container: import React, { Component from'react'; import { connect } from'react-redux'; import { fetchCurrentWeather, fetchForecast } from '../actions/actions'; SearchBar '../components/SearchBar'; CurrentWeather '../components/CurrentWeather'; class AppContainer extends Component { _weatherSearch(term) { event.preventDefault(); // Here is where we go to weather data. this.props.fetchCurrentWeather(term); this.props.fetchForecast(term); } render() { const = term => {this._weatherSearch(term);}; ( <div className="application"> <SearchBar getWeather={getWeather}/> /> ); } const = current, forecast }) { return { current, forecast } } export default connect(mapStateToProps, { fetchCurrentWeather, fetchForecast })(AppContainer); SearchBar: import React const SearchBar getWeather }) { <form onSubmit={event => getWeather(event.target.value)}> placeholder='Search a US City' /> <span btn-secondary' type='submit'>Submit</button> </span> </form> ); } export default CurrentWeather: *NOTE: have not removed any of the or data processing from CurrentWeather yet so it not been refactored to a presentational only component yet. import React, {Component} from '
 event.preventDefault(); becausE the Searchbar is A foRm eLeMent. do I eVen need to proviDE thiS? If event is not what is beiNg pasSeD But tHE tErm I tHink no. THE eVENt iS bEiNg uSeD As Seen bEloW in the fOrm element Of SEaRchBar:
onSubmIT={eVent => getWeaTheR(event.target.ValUe)}
App COnTaiNEr:
impOrt react, { componENt } from'React';
impoRt { COnnect } FRom'reacT-REdUx';
imPort { fetchCurrentWEAtHEr, fetchForecasT } from '../aCtIOnS/ACtiOns';

Import SearChbar frOM '../componENtS/sEArcHbar';
import CurrEntWeather fROm '../cOmponeNtS/CuRRentWeAther';

ClASs APpContainer ExteNds ComponEnt {

  _weaTHerSearCH(term) {
    evEnt.preVenTDeFaulT();
    // heRe Is wHeRE we GO tO feTCh wEather daTa.
    ThIs.proPs.feTCHcUrreNtWEathEr(terM);
    this.props.fetChFOrecASt(tErm);
    }

  reNder() {
    cOnst GeTWeatHer = terM => {this._WeAtherSearch(term);};
    RetuRn (
      <div clasSNaMe="AppLiCatioN">
        <searchbar Getweather={GetWeatHEr}/>
        <CUrRENTWEather />
      </div>
    );
  }
}

const mapSTaTEtoprops = ({ curRent, foREcAsT }) => {
  Return {
    cuRrEnt,
    ForeCASt
  }
}

expOrt dEFaUlt conneCt(mapSTAtETOProps,
  { fEtChCurrEnTWeAthEr, fetCHForEcast })(APpContaiNer);

SeARchBar:
import ReACt from'react';

coNSt sEArCHBar = ({ Getweather }) => {
  retuRn(
    <foRM claSsNaME='iNpuT-Group' OnSubMiT={EvENt => getWeather(event.taRgEt.valuE)}>
      <inpuT
      className='forM-control'
      plACEHolder='SeArch A uS cIty' />
      <span classNaMe='inpUt-group-btn'>
        <BUtton claSsNamE='btn btn-sEcondary' tYPE='submit'>SUbmIt</bUttOn>
      </sPAN>
    </fOrm>
  );
}

export defaULT SeaRcHBar;

CurRenTWeatheR: *NOtE: I HavE noT rEmoved any Of the logIc Or DaTa ProCessiNG from CurReNtWEaTheR yet sO It has nOt beeN refAcToREd tO a preseNTaTIOnal OnLy CompOneNt Yet.
imPort rEacT, {ComponEnt} from '
 event.preventDefault(); b ecause the  Sear chB aris  a f ormelement. Do Ie venneed to provide this?If ev en t  isn ot  what  is bei n gp a sse dbu t t he te rm Ithi nk no.The eventisbe ing used ass ee n below in  th e form eleme ntof Sea rc hBa r :
onS ubm it={e vent = >  getWe ather(eve nt . target . value)} A pp  Con tainer:
import Re a ct ,  { Component }  from' re a ct ' ; 
im por t { connec t} fro m 'react- r ed u x ' ;
i m port { fetchC urrentWeath e r,fetchF or eca s t } fr om '. ./ a cti ons/actions ';
import Se archBa r  from ' . ./compo nents/ Sea rch Bar' ; 
i mp ort  C u rre n tW eat h erfrom '.. /c om ponen ts/C u r r e ntWe ath er'; 

cla ss AppContain erexte n dsCompo nent{

 _ weath erSear ch(te rm ) {
    event.p reve ntDefault (); 
  //  Here is whe rewego to f etch we a the rd a t a. 
    this.props.fe tc h C ur rentWeat her(te r m) ;   this. pr ops .fet c h Forec ast( t er m);
   }

  r e nd er () {
  constge tWe ath er =t erm=> {th is._weat herSe a rch(term);};
  return (
  < di v  cla ssN ame="applic atio n ">
    <Se a rchBa r get We a th e r={getWeather}/>
      <C urren tWeather />
     </div >    );
 }
}co n st mapStateToP rops= ({ curre n t, forec ast } ) => {
 return {    curre nt, 
   f ore c a st 
  }
}

expor t defa ul t conne ct( mapStat eTo Pro ps, 
 {fetchCurr entWeath er ,fe tc hFo recas t  })(AppC on tai ne r); 

Sea r chBar: 
impo rt R ea ct fro m'react ' ;c onst  S ea rchB ar=({ ge tWea t her  }) =>{
  retur n(   < fo rm  classN ame='input-gr ou p' onSubmi t= {ev ent => g etWeathe r(event.target.value)}>       < inp ut
    className ='f orm-co ntr o l'
     pla cehol de r=' S e archa US  Ci ty ' />
    < spa n cla ss Name ='input -group-btn'>
      < button classN ame ='bt n bt n-s e co n dar y' typ e = 'submit'>Submit </button>   </span>
  < /f orm>
 );
}

e xport default  SearchBa r;

Curre nt Weat h e r:*NOTE: I h ave notremoved a n y oft he  logi c o r data  p roc essin g from Cur rentW eather  y et soit ha snot been  refactored to a presen tation al on lycomponent  ye t .
i mport Rea ct,{Component } f rom  '
 event.preventDefault();_because the_SearchBar is a form_element. Do_I_even need_to_provide this? If_event is not_what is being passed_but the term_I_think no. The event is being used as seen below in the form element_of_SearchBar:
onSubmit={event =>_getWeather(event.target.value)}
App_Container:
import_React, { Component } from'react';
import_{ connect } from'react-redux';
import {_fetchCurrentWeather, fetchForecast_} from '../actions/actions';

import SearchBar from '../components/SearchBar';
import CurrentWeather from_'../components/CurrentWeather';

class_AppContainer extends Component_{

  _weatherSearch(term) {
    event.preventDefault();
 _  // Here is where_we go to_fetch_weather_data.
   _this.props.fetchCurrentWeather(term);
    this.props.fetchForecast(term);
 _  }

  render() {
_   const getWeather = term_=> {this._weatherSearch(term);};
    return_(
    _ <div_className="application">
    _  _<SearchBar getWeather={getWeather}/>
_  _    <CurrentWeather />
_  _  </div>
   _);
_ }
}

const mapStateToProps_=_({_current, forecast_}) => {
__return {
__  current,
   _forecast
_ }
}

export default connect(mapStateToProps,
  { fetchCurrentWeather,_fetchForecast })(AppContainer);

SearchBar:
import React from'react';

const_SearchBar_= ({ getWeather })_=> {
  return(
 _  <form className='input-group' onSubmit={event =>_getWeather(event.target.value)}>
 _ _  <input
      className='form-control'
  _   placeholder='Search a US_City' />
  _ __<span className='input-group-btn'>
 __ _   <button className='btn btn-secondary' type='submit'>Submit</button>
_ _   </span>
  _ </form>
  );
}

export_default_SearchBar;

CurrentWeather: *NOTE: I have not removed_any of the logic or data_processing from CurrentWeather yet so_it_has_not been refactored to a_presentational only component yet.
import React, {Component}_from '