React.JS + Redux. Отправка запроса и чтение данных JSON

const getItems = "GET_ITEMS";
const initialState = { items: [] }
 
export const actionCreators = {
    get: () => async (dispatch, getState) => { 
        const url = `api/SampleData/GetItems`;
        const response = await fetch(url);
        const forecasts = response.json();
        dispatch({ type: getItems, forecasts });
    }
};
 
export const reducer = (state, action) => {
    state = state || initialState;
    if (action.type === getItems) {
        return { ...state, items: action.items };
    }
    return state;
};

import React, { Component } from 'react';
import { bindActionCreators } from 'redux';
import { connect } from 'react-redux';
import { Link } from 'react-router-dom';
import { actionCreators } from '../../store/controls/SearchBox';
 
class SearchBox extends Component {
    constructor(props){
        super(props);
    }
    componentWillMount() {
        this.props.getItems();
    }
 
    componentWillReceiveProps(nextProps) {
        this.props.getItems();
    }
 
    render() {
        return (
            <div>
                <h1>Items</h1>
                {this.props.items} //Здесь ставятся полученные данные (но не знаю, как это сделать)
            </div>
        );
    }
}
 
export default connect(
    state => state.searchBox,
    dispatch => bindActionCreators(actionCreators, dispatch)
)(SearchBox);