Question

1

Update Multiple Properties of an object with spread operator

rated 0 times [ 6] [ 5] / answers: 1 / hits: 23293 / 7 Years ago, thu, january 26, 2017, 12:00:00

I have a state in a reducer that looks like this:

// The current source/selection

const selection = {

  timespan: -3660,

  customTimespan: false,

  pathIds: [''],

  source: undefined,

  direction: 0,

  appClassIds: []

};

What I want now is to update multiple properties (timespan and customTimeSpan), something like this (but this doesn't work):

{ ...state, 

  {

      timespan: action.timespan.value,

      customTimespan: action.timespan.value

  } 

};

How can I update multiple properties of a state?

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

susanajamiep

Add To Favorites

Follow

Total Points: 466

Total Questions: 113

Total Answers: 108

Location: Liberia

Member since Fri, Oct 22, 2021

3 Years ago

susanajamiep questions

1 how can I add menu button in telegram bot

Sun, Jun 12, 22, 00:00, 2 Years ago

1 'TypeError: Cannot set properties of undefined (setting '0')'----Array assignment

Sat, Apr 16, 22, 00:00, 2 Years ago

1 Setting cors in strapi 4

Mon, Mar 7, 22, 00:00, 2 Years ago

1 Dynamic import of react hooks

Wed, Jun 10, 20, 00:00, 4 Years ago

1 React Hook useEffect issue with setState

Fri, Jan 24, 20, 00:00, 4 Years ago

View All

answered 7 Years ago dewayneh · Accepted Answer

You need to remove the extra object closure from there

{ ...state, 

 timespan: action.timespan.value, 

 customTimespan: action.timespan.value

}

should work fine

If you wanted to do it in vanilla JS you could do this:

Object.assign({}, state, { timespan: action.timespan.value, customTimespan: action.timespan.value})

I think the spread operator is much cleaner and should go that route if you have access to it.