How to use an object property as a key inside of another object using react/redux

Question

I am trying to set a part of the state inside a reducer but I need to access part of the initial state that is nested.

What I am trying to do:

  return {
        ...state,
        list: action.payload,
        filter: action.params,
        filter.totalPages : action.totalPages,
      };

This however does not working, I have tried doing filter['totalPages'] and it also does not work. How and what is the best practice to do this?

What is the value of filter.totalPages? Do you really want to use that value as a property name? That would be an odd choice based on the name. What do you expect the result to be? Can you provide an example? — Felix Kling
– Felix Kling, Commented Oct 30, 2017 at 20:20

Slawa Eremin · Accepted Answer · 2017-10-30 20:08:25Z

1

You should use spread operator for filter object too

  return {
    ...state,
    list: action.payload,
    filter: {
       ...action.params,
       totalPages: action.totalPages
    }
  };

answered Oct 30, 2017 at 20:08

Slawa Eremin

5,42521 silver badges29 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Taylor Austin Over a year ago

I dont know why I didn't think of this, love this answer, will accept when I can.

Felix Kling Over a year ago

There is no such thing as a "spread operator".

Shishir Arora · Accepted Answer · 2017-10-30 20:09:27Z

1

return {
        ...state,
        list: action.payload,
        filter: action.params,
        [filter.totalPages] : action.totalPages,
      };

For more check Computed property keys in es6

answered Oct 30, 2017 at 20:09

Shishir Arora

5,9934 gold badges33 silver badges36 bronze badges

Comments

Uğur Erdal · Accepted Answer · 2017-10-30 20:52:24Z

1

return Object.assign({}, state, {
      ...state,
      {
        list: action.payload,
        filter: {
          ...action.params,
          totalPages: action.totalPages
        }
      }
  })

It's problably missing Object.assign check it out

edited Oct 30, 2017 at 20:52

answered Oct 30, 2017 at 20:11

Uğur Erdal

671 silver badge12 bronze badges

2 Comments

Felix Kling Over a year ago

Where is todos suddenly coming from? filter.totalPages : action.totalPages, is still invalid syntax.

Uğur Erdal Over a year ago

I'm sorry. I fixed that

Collectives™ on Stack Overflow

How to use an object property as a key inside of another object using react/redux

3 Answers 3

2 Comments

Comments

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

2 Comments

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related