setting state in functional component. (object in array that is in object)

Question

  const [post, setPost] = useState({
    title: '',
    rolepair: [{name: '', job: ''}],
    industry: '',
    due_at: '',
    content: '',
  });

If I want to set data into post.rolepair[0].name, How could I do? I tried

setPost({...post, rolepair[0].source : newData});
setPost({...post, rolepair: post.rolepair[0].source(newData)});
setPost({...post, rolepair[0]: sorce : newData});

non of them worked though.

CertainPerformance · Accepted Answer · 2021-05-11 01:25:18Z

2

Map the rolepair property to a new array, and at the first index, add a new name property with the conditional operator:

setPost({
  ...post,
  rolepair: post.rolepair.map(
    (obj, i) => i === 0
      ? { ...obj, name: newData }
      : obj
  )
});

answered May 11, 2021 at 1:25

CertainPerformance

374k55 gold badges354 silver badges359 bronze badges

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

3 Comments

bonlim Over a year ago

what is :obj at the end for?

CertainPerformance Over a year ago

cond ? expr1 : expr2 is the conditional operator. It evaluates to expr1 if cond is truthy. Otherwise it evaluates to expr2.

bonlim Over a year ago

ohhh oh my god.. I got it Thank you!!

Collectives™ on Stack Overflow

setting state in functional component. (object in array that is in object)

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related