react-native : updating object's value using setState

Question

I am trying to update object's value using setState

In my code I am trying to update Date to 2019-06-22 and also update other values such as {dots: [vacation, massage, workout], selected: true}.

My Code:

this.setState(({pressedDate}) => ({
  pressedDate: {
     ...pressedDate,
      Date:'2019-06-22', :
      {
        dots: [vacation, massage, workout], selected: true
      }
   },
  }))

This will give me an error. I think my code is okay but don't know what is wrong.

Any advise or comments would be really appreciated! Thanks in advance!

Thanks @bkm412 I have the solution:

const newDate = '2019-06-22'
   this.setState(({pressedDate}) => ({
     pressedDate: {
     ...pressedDate,
      [newDate] :
      {
        dots: [vacation, massage, workout], selected: true
      }
   },
  }))

Possible duplicate of react-native : update object with setState — Junius L
– Junius L, Commented Jun 11, 2019 at 3:10

bkm412 · Accepted Answer · 2019-06-11 05:15:34Z

3

this.setState(({pressedDate}) => ({
  pressedDate: {
     ...pressedDate,
      ['2019-06-22'] :
      {
        dots: [vacation, massage, workout], selected: true
      }
   },
  }))

If you want to use variable


const newDate = 'any date';
this.setState(({pressedDate}) => ({
  pressedDate: {
     ...pressedDate,
      [newDate] :
      {
        dots: [vacation, massage, workout], selected: true
      }
   },
  }))

edited Jun 11, 2019 at 5:15

answered Jun 11, 2019 at 3:16

bkm412

1,0576 silver badges12 bronze badges

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

3 Comments

kirimi Over a year ago

thanks for the help. But could you please check if the second code? it gives me an error saying that unexpected keyword 'const'

bkm412 Over a year ago

Oh.. sorry. I changed variable name

kirimi Over a year ago

I think the code const newDate = '2019-06-22' has to be out side of setState. I moved it and it works great thanks. I'll edit my answer.

Clark · Accepted Answer · 2019-06-11 03:05:54Z

2

You want update Date to 2019-06-22 is okay, But I don't know what you to update into {dots: [vacation, massage, workout], selected: true}, He has no key.

You can try below code:

this.setState(({pressedDate}) => ({
  pressedDate: {
     ...pressedDate,
     Date:'2019-06-22',
     dots: [vacation, massage, workout],
     selected: true,
  },
}));

edited Jun 11, 2019 at 3:05

answered Jun 11, 2019 at 2:59

Clark

3051 silver badge8 bronze badges

Collectives™ on Stack Overflow

react-native : updating object's value using setState

2 Answers 2

3 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related