reactjs - React-Redux, updating store on component inital render

Question

I want to change the Redux store value on component initial rendering.

Here is the code:

App.tsx

const { hour, location, people, date }: any = useSelector((state) => state);

const dispatch = useDispatch();

 useEffect(() => {
    dispatch(updateDate(new Date());
    dispatch(updateHour('17:00'));
    dispatch(updatePeopleCount(3));
    dispatch(updateLocation('California, USA'));
  }, []);

action.ts

export const updateDate = (date: Date) => {
  return { type: "Date", value: date };
};

export const updateHour = (hour: string) => {
  return {
    type: "Hour",
    value: hour,
  };
};

export const updatePeopleCount = (people: number) => {
  return {
    type: "People",
    value: people,
  };
};

export const updateLocation = (location: string) => {
  return {
    type: "Location",
    value: location,
  };
}

After useEffect hook is called, the data accessed from useSelector hook doesn't change.

question from:https://stackoverflow.com/questions/65946645/react-redux-updating-store-on-component-inital-render

Answer 1

Waitting for answers