Redux & React Native: пользовательский интерфейс не обновляется при изменении состояния

Question

Я новичок в Redux и относительно новичок в программировании в целом.Я определенно открыт для любых дополнительных советов, выходящих за рамки моего вопроса.

Итак, в состоянии моего Redux Store у меня есть ключ с именем «count: 0». На главной странице моего приложения, когда пользователь нажимает основную кнопку, счетчик должен увеличиваться на 1.Вот как выглядит этот код.

<--Action.js-->

import { store } from './store'

export const click = (amount) => ({
    type: "CLICK",
    count: store.getState().count + amount
})

<--Reducer.js-->

export default (state, action) => {
  switch (action.type) {
      case "CLICK":
          return {
        ...state,
        count: action.count
      };
    default:
      return state;
  }
};

<--Store.js-->


import { createStore } from 'redux';

import reducer from './reducer';

export const initialState = {
    count: 0
};

export const store = createStore(reducer, initialState);

По какой-то причине, когда я console.log(store.getState()), console.log показывает, что на самом деле счетчик увеличивается, но на реальном интерфейсе он остается равным 0. Любое руководствоо том, почему это может происходить, будет с благодарностью!

Ссылку на полный проект можно найти здесь: https://github.com/EmilioLombana/Pizza-Clicker