redux_toy.js

import { connect } form 'react-redux';

const SAVE_WEATHER = "SAVE_WEATHER";

export default function saveWeather(response) {
  return {
    type: SAVE_WEATHER,
    data: response
  }
}


export default weatherReducee(state = {}, action) {
  switch (action.type) {
    case SAVE_WEATHER:
      return {
        ...state, action.data
      }
    default:
      state;
  }
}

class App extend React.Component {

  componentDidMount() {
    const response = axios.get('/weatherApiURL', (data) => {
      return weatherData
    })

    dispatch(saveWeather(response))
  }

  render() {
    return (
      <div>{this.props.weatherData}</div>
    )
  }
}


function mapStateToProps(state) {
  return {
    weatherData: state.weatherData
  }
}

export default connect(mapStateToProps)(App)