import React, { useEffect, useReducer, useState } from "react";
import { MessangerLayout } from "./Layout";
const countReducer = (state: any, action: any) => {
console.log(action);
switch (action.type) {
case "increment":
state = state + action.payload;
break;
case "decrement":
state = state - action.payload;
break;
default:
return state;
}
return state;
};
const IntialState = 0;
interface MessangerProps extends React.PropsWithChildren {}
export const Messanger: React.FunctionComponent<Messang
5389
erProps> = (props) => {
const [state, dispatch] = useReducer(countReducer, IntialState); // flux
// const [count, setcount] = useState<number>(0);
const handleIncrement = () =>
dispatch({
type: "increment",
payload: 50,
});
const handleDecrement = () =>
dispatch({
type: "decrement",
payload: 100,
});
return (
<>
<h1>hello {state}</h1>
<button
<button </button>
</>
);
};
forked from pooooriya/quera-7
-
Notifications
You must be signed in to change notification settings - Fork 0
jouyan/quera-7-reza
Folders and files
| Name | Name | Last commit message | Last commit date | |
|---|---|---|---|---|
Repository files navigation
About
Resources
Stars
Watchers
Forks
Releases
No releases published
Packages 0
No packages published
Languages
- TypeScript 96.5%
- HTML 2.4%
- Other 1.1%