title: Is it possible to dispatch multiple actions?
body: <p>I'm trying to clear fields from a form (clearing state from the store) when the user changes their country so I was wondering if it was possible to dispatch two actions under one event... -- tho my action also doesn't clear the fields so not sure where I'm going wrong</p>
  <p>in index.jsx</p>
  <pre><code>export default function Form() {
    const {
      apartmentNumber,
      birthDay,
      birthMonth,
      birthYear,
      buildingNumber,
      countryCode
    } = state;
  
    const [formData, setFormData] = useState({
      apartmentNumber,
      birthDay,
      birthMonth,
      birthYear,
      buildingNumber
    });
  
  const onInputChange = (attribute, value) =&gt; {
      setFormData({
        ...formData,
        [attribute] : value
      });
    };
  
  const onCountryChange = (value) =&gt; {
      dispatch(updateCountry(value));
      dispatch(clearForm(formData));
    };
  </code></pre>
  <p>in reducer.js --</p>
  <pre><code>export const initialState = {
    apartmentNumber           : '',
    birthDay                  : '',
    birthMonth                : '',
    birthYear                 : '',
    buildingNumber            : ''
  };
  
  export default (state, action) =&gt; {
    const { payload, type } = action;
    switch (type) {
      case UPDATE_COUNTRY:
        return {
          ...state,
          countryCode : payload
        };
      case UPDATE_FIELDS: {
        return {
          apartmentNumber : initialState.apartmentNumber,
          birthDay        : initialState.birthDay,
          birthMonth      : initialState.birthMonth,
          birthYear       : initialState.birthYear,
          buildingNumber  : initialState.buildingNumber
        };
      }
      default:
        return state;
    }
  };
  </code></pre>