title: How do I trigger my redux function in my component
body: <p>I have a form that is supposed to create a new user on submit. On <code>handleCreate</code> I need redux to trigger the <code>addUser</code> action and update the state thereby creating a new user but I don't seem to be calling the action correctly. </p>
  
  <p>action.js</p>
  
  <pre><code> const addUser = payload =&gt; ({
      payload,
      type: ADD_USER,
  });
  </code></pre>
  
  <p>reducer.js</p>
  
  <pre><code>const addUsers = (items, newItem) =&gt; {
      const { id } = newItem;
      items[id] = newItem;
      return { ...items };
  };
  
         case ADD_USER: {
              const { users } = state;
              const { payload: { item } } = action;
              return {
                  ...state,
                  isUpdated: true,
                  users: addUsers(users, item),
              };
          }
  </code></pre>
  
  <p>The function to trigger the action in the component</p>
  
  <pre><code>    handleCreate = () =&gt; {
          const { form } = this.formRef.props;
          const { addUser } = this.props.actions;
          form.validateFields((error, values) =&gt; {
              if (error) {
                  return error;
              }
              form.resetFields();
              const user = {
                  age: values.age,
                  birthday: values[DATE_PICKER].format('YYYY-MM-DD'),
                  firstName: values.firstName,
                  hobby: values.hobby,
                  id: uuid(),
                  lastName: values.lastName,
              };
              addUser(user);
          });
      };
  </code></pre>