Breaking News: Grepper is joining You.com. Read the official announcement!

use Reducer in React

Add Answer

Er. Anil Kumar Thakur answered on September 6, 2021 Popularity 10/10 Helpfulness 3/10

answer use Reducer in React

related .reduce react

related reducer react

use Reducer in React

Comment

 
 const actionType={
 INCREMENT:'INCREMENT',
 DECREMENT:'DECREMENT'
 };//define const that can be used in whole particular file without mistake



function reducer(state, action) {
  switch (action.type) {
    case actionType.INCREMENT: // defined at top 
      return {count: state.count + 1};
    case actionType.DECREMENT: // defined at top
      return {count: state.count - 1};
    default:
      return state;
  }
}



dispatch({type: actionType.INCREMENT});
<button onClick={() => dispatch({type: actionType.INCREMENT})}>Increment</button> // defined at top 
<button onClick={() => dispatch({type: actionType.DECREMENT})}>Increment</button> // defined at top

Popularity 10/10 Helpfulness 3/10 Language javascript

Source: Grepper

Tags: javascript use-reducer

Link to this answer
Share Copy Link

Contributed on Feb 16 2023

Er. Anil Kumar Thakur

0 Answers Avg Quality 2/10

Closely Related Answers

.reduce react

Comment

const input = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];

const sumOfConsecutives = (value1, value2) => value1 + value2;

const sumOfNums = input.reduce(sumOfConsecutives);
/* result:
{
  input: [1, 2, 3, 4, 5, 6, 7, 8, 9, 10],
  sumOfNums: 55,
}
*/

Popularity 10/10 Helpfulness 3/10 Language javascript

Source: retool.com

Tags: javascript j

Link to this answer
Share Copy Link

Contributed on Dec 01 2022

Innocent Iguana

0 Answers Avg Quality 2/10

reducer react

Comment

const getTotalItems = (items: CartItemType[]) =>
    items.reduce((ack: number, item) => ack + item.amount, 0);

Popularity 10/10 Helpfulness 1/10 Language javascript

Source: Grepper

Tags: javascript j

Link to this answer
Share Copy Link

Contributed on Sep 06 2021

brown eye gands

0 Answers Avg Quality 2/10

use Reducer in React

Contents

More Related Answers

use Reducer in React

Closely Related Answers

.reduce react

reducer react

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.