I have the following `state` variable and `componentDidMount` method on my component: 

```
  state = {
    categorized_items: []
  }
  componentDidMount() {
    this.props.fetchItems()
    // I'm trying to do the following
    console.log('uncat_items: ', this.props.uncat_items)
    this.setState({categorized_items: this.props.uncat_items})
  }
  render () {....}

  function mapStateToProps({ items_reducer }) {
    return {
     uncat_items: items_reducer.uncat_items
    }
  }

```

The `this.props.fetchItems()` action method fetches a number of items and updates the `uncat_items` in the redux store just fine (I can see the expected values for the `this.props.uncat_items` variable in the render/other methods without any problem). However, what I need to do for this particular case is right after the `fetchItems` method is executed and it updates the `uncat_items` in the store, I need to call `setState` and update the `categorized_items` in the state with `uncat_items`. I know calling `this.setState` like this in the `componentDidMount` method is not correct, but I don't know how to do that. As you can see I tried printing out `this.props.uncat_items`, but that returns an empty array, even though it executed the action method and updated in the reducer properly. Can someone please give me an idea how to do it the right way? Basically, after `componentDidMount` executes, set the state with a particular variable from the updated redux store.