Как составить функцию для изменения объекта внутри state?

Question

[Mesuti]

Как в функцию передать 2 параметра ключ и значение, чтобы они изменили соответственные ключи?

state = {
        key: {
            id: 1,
            name: "John",
            surname: "Doe",
        }
    };

    const changeState = (name, value) => {
       this.setState({
            key[name] = value // не работает
        });
    }

   changeState("name", "NoJohn");

Answer 1

[Loli E1ON]

this.setState(state => ({
    ...state,
    key: {
        ...state.key,
        [name]: value
    }
}));

Comments

[Mesuti]

Спасибо за участие!
Отличное решение.

Расшифруйте, пожалуйста,

key: {
   ...state.search, // spread, все текущие элементы
  [name]: value // как работает это? заменяет в spread ключи? 
}

[Loli E1ON]

Mesuti, заменяет ключ в объекте на новое значение