title: mapDispatchToProps not updating store
body: <p>I'm working on a personal project with redux. My mapStateToProps function seems to me properly written.  but when I try to use it to send an object to my store nothing works.</p>
  <p>Here's my function:</p>
  <pre><code>const mapDispatchToProps = dispatch =&gt; {
      return {
          addOrder: (item) =&gt; {
              dispatch(addOrder(item));
          }
      }
  }
  
  </code></pre>
  <pre><code>&lt;div className=&quot;recordOrder&quot;&gt;
                     &lt;button onclick={() =&gt; this.props.addOrder(this.state)}&gt;Enregistrer et lancer la commande&lt;/button&gt;
                     &lt;/div&gt;
  
  </code></pre>
  <p>And my reducer:</p>
  <pre><code>const initialState = {
      orderList : []
  }
  
  console.log(initialState);
  
  export default function rootReducer ( state= initialState, action){
      const orderList = [...state.orderList];
      let position
      switch (action.type){
          case ADD_ORDER:
              return {
                  orderList : [...state.orderList, action.payload]
              };
          case DELETE_ORDER:
              position = orderList.indexOf(action.payload)
                  orderList.splice(position, 1)
              return {
                orderList  
              }
          default:
              return state;
      }
      console.log(state)
  }
  
  </code></pre>
  <p>My entire component as requested:</p>
  <pre><code>import React, { Component } from 'react';
  import { NavItem } from 'react-bootstrap';
  import menu from './menu';
  import { connect } from 'react-redux';
  
  import { addOrder} from '../action'
  
  class getOrder extends Component {
      state = {
          number: `CMD-${Date.now()}`,
          order:[],
          total: 0 ,
          menu:menu,
          isPaid: false
        }
  
      
  
      
  
      addItem = (index) =&gt; {
      const order = [...this.state.order];
      const menu = [...this.state.menu];
      let total = this.state.total;
      const pizza = menu[index];
      console.log(pizza);
      let ind = order.findIndex((item) =&gt; 
         item.article == pizza.name
      
      )
      if (ind === -1){
           order.push({article: pizza.name, price: pizza.price, volume:1})
          
           total = total + order[order.length-1].price 
      } else if (ind != -1){
          order[ind].volume++
          total = total + order[ind].price
      }
      
      
      
  
  
      this.setState({
          order:order,
          total:total
          
      })
      console.log(&quot;youpiii&quot;);
      console.log(this.state.total);
      console.log(this.state.order);
  
      }
  
      
      render() { 
           
  
          const menuDisplay= menu.map( (item) =&gt; {
              return (
              &lt;div&gt;
                  &lt;img onClick={() =&gt; this.addItem(item.number)} src={`${process.env.PUBLIC_URL}${item.picture}`} alt=&quot;picture&quot; /&gt;
                  &lt;div className=&quot;tagPrice&quot;&gt;
                  &lt;p&gt;{item.name}&lt;/p&gt;
                  &lt;p&gt;{item.price} €&lt;/p&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
              
              )
              
          });
  
          const currentOrder = [...this.state.order]
  
          const orderDisplay = currentOrder.map((item) =&gt; {
             
              
              let price = item.price*item.volume;
             console.log(price);
          
              return (
                  &lt;div&gt;
                      &lt;h1&gt;{item.volume} × {item.article}&lt;/h1&gt;
                      &lt;p&gt;{price} €&lt;/p&gt;
                  &lt;/div&gt;
              )
              
          } );
  
          return ( 
              &lt;div className=&quot;takeOrder&quot;&gt;
              &lt;div className=&quot;orderban&quot;&gt;
              &lt;h1&gt;Pizza Reflex&lt;/h1&gt;
            &lt;/div&gt;
            
            &lt;div&gt;
                &lt;div className=&quot;menuDisplay&quot;&gt;
                    {menuDisplay}
                &lt;/div&gt;
                &lt;div className=&quot;orderBoard&quot;&gt;
                 &lt;h1&gt;Détail de la commande N°{this.state.number}&lt;/h1&gt;
                 {orderDisplay}
                 &lt;div className=&quot;total&quot;&gt;
                     &lt;h2&gt;Soit un total de {this.state.total} € &lt;/h2&gt;
                 &lt;/div&gt;
                 &lt;div className=&quot;recordOrder&quot;&gt;
                     &lt;button onclick={() =&gt; this.props.addOrder(this.state)}&gt;Enregistrer et lancer la commande&lt;/button&gt;
                     &lt;/div&gt;
                &lt;/div&gt;
            &lt;/div&gt;
            &lt;/div&gt;
  
           );
      }
  }
  
  
   const mapDispatchToProps = dispatch =&gt; {
      return {
          addOrder: (item) =&gt; {
              dispatch(addOrder(item));
          }
      }
  }  
   
  export default connect ( mapDispatchToProps) (getOrder);
  
  
  </code></pre>
  <p>Can someone tell me what I've missed ?</p>
  <p>Thanks for your help !</p>