renderWeather(cityData) {
    const name = cityData.city.name;
    const temps = _.map(cityData.list.map(weather => weather.main.temp), (temp) => (temp * (9/5)) - 459.67);
    const pressures = cityData.list.map(weather => weather.main.pressure);
    const humidities = cityData.list.map(weather => weather.main.humidity);
    //const lon = cityData.city.coord.lon;
    //const lat = cityData.city.coord.lat;
    const { lon, lat} = cityData.city.coord;
    // const tempList = cityData.city.name.length;
    // console.log(tempList);


      return (
        <tr key={name}>
          <td><GoogleMap lon={lon} lat={lat} /> </td>
          <td>{tempList}</td>
          <td><Chart data={temps} color="red" units="F"/></td>
          <td></td>
          <td><Chart data={pressures} color="green" units="hPa"/></td>
          <td></td>
          <td><Chart data={humidities} color="black" units="%"/></td>
        </tr>
      );
  }
//cityData is the argument from mapStateToProps: weather
cityData is the argument from mapStateToProps: weather
cityData is the argument from mapStateToProps : weather
renderWeather(cityData) {
    const name = cityData.city.name;
    const temps = _.map(cityData.list.map(weather => weather.main.temp), (temp) => (temp * (9/5)) - 459.67);
    const pressures = cityData.list.map(weather => weather.main.pressure);
    const humidities = cityData.list.map(weather => weather.main.humidity);
    const { lon, lat} = cityData.city.coord;
      return (
        <tr key={name}>
          <td><GoogleMap lon={lon} lat={lat} /> </td>
          <td>{tempList}</td>
          <td><Chart data={temps} color="red" units="F"/></td>
          <td></td>
          <td><Chart data={pressures} color="green" units="hPa"/></td>
          <td></td>
          <td><Chart data={humidities} color="black" units="%"/></td>
        </tr>
      );
  }
renderWeather ( cityData ) { const name = cityData . city . name ; const temps = _ . map ( cityData . list . map ( weather => weather . main . temp ) , ( temp ) => ( temp * ( 9 / 5 ) ) - 459.67 ) ; const pressures = cityData . list . map ( weather => weather . main . pressure ) ; const humidities = cityData . list . map ( weather => weather . main . humidity ) ; const { lon , lat } = cityData . city . coord ; return ( < tr key = { name } > < td > < GoogleMap lon = { lon } lat = { lat } / > < / td > < td > { tempList } < / td > < td > < Chart data = { temps } color = "red" units = "F" / > < / td > < td > < / td > < td > < Chart data = { pressures } color = "green" units = "hPa" / > < / td > < td > < / td > < td > < Chart data = { humidities } color = "black" units = "%" / > < / td > < / tr > ) ; }
cityData is the argument from mapStateToProps: weather
cityData is the argument from mapStateToProps : weather
//const lon = cityData.city.coord.lon; //const lat = cityData.city.coord.lat; // const tempList = cityData.city.name.length; // console.log(tempList);