Как мне обновить value объекта?

Question

[DanceMonkeyTime]

Привет. Есть у меня такой массив в стейте:

[{
    "companyName": {
        "key": "companyName",
        "value": ""
    },
    "country": {
        "key": "country",
        "options": [],
        "value": ""
    },
    "region": {
        "key": "region",
        "options": [],
        "value": ""
    },
    "companyWebsite": {
        "key": "companyWebsite",
        "value": ""
    }
}]

Есть у меня текст инпут, по onChange которого должно меняться значении в этом массиве. Объектов может быть много, поэтому тут нужна индексация.

https://codesandbox.io/s/funny-euclid-hyhi5?fontsi...

Можете сказать, что я делаю не так??

Answer 1

[MagnusDidNotBetray]

Вообще не знаю реакт, но вижу, что вы постоянно пушите в массив новый объект, вместо того чтобы менять текущий. Может вы так хотели сделать?

const handleChange = (index, value, key) => {
    const newFields = [...fields];
    newFields[index][key].value = value;
    setFields(newFields);
};