使用扩展运算符生成具有动态“键”的对象

Question

我想生成一个对象，其中键是映射数据的索引值，如下面的代码所示

{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>
})}

所以“索引”在这一行

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

应该来自这一行

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

问题是上面的代码将索引值返回为字符串“index”，而不是我正在使用的映射数据中的索引值

Answer 1

像这样使用它：-

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