Generate objects with dynamic "key" using spread operators

Question

I want to generate an object where the key is the value of the index from the mapped data as shown in the code below

{data.map(({ quest, answers }, index) => {
                  <Radio.Group
                    name={index}
                    defaultValue={def}
                    onChange={(value) => {
                    setVal({...(val), index: JSON.stringify(value)}  )
                      
                    }}
                  >
                    {answers.map((ans, key) => {
                      return (
                        <Radio value={key + 1}>
                          {ans}
                        </Radio>
                      );
                    })}
                  </Radio.Group>
})}

So "index" in this line

setVal({...(val), index: JSON.stringify(value)} )

should be from this line

{data.map(({ quest, answers }, index) => {

The problem is the code above returns the index value as the string "index" instead of the value of index from the mapped data i am working with

Well makes sense, maybe show us how the value object looks like? — Dennis Vash
– Dennis Vash, Commented Jan 2, 2022 at 6:45

Anish Roy · Accepted Answer · 2022-01-02 06:48:55Z

4

Use it like this:-

setVal({...(val), [index]: JSON.stringify(value)} )

answered Jan 2, 2022 at 6:48

Anish Roy

1647 bronze badges

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

1 Comment

Phil Over a year ago

Exactly what I needed

Collectives™ on Stack Overflow

Generate objects with dynamic "key" using spread operators

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related