help anybody:
Есть такая ситуация

    this.state = {
      foo: {
        bar: 123,
        var: 321
      }
    }

Когда я произвожу в одной функции последовательно

    this.setState({
      foo: {
        ...this.state.foo, ['var']: 1234
      }
    })

    this.setState({
      foo: {
        ...this.state.foo, ['bar']: 4321
      }
    })

Два изменения стейта, которые включают в себя перезаписывание остальных полей, то происходит страшное. А именно:
Я получаю

foo.var = 321
foo.bar = 4321

А хотелось бы получить

foo.var = 1234
foo.bar = 4321

Как это провернуть?

help anybody:
Есть такая ситуация

    this.state = {
      foo: {
        bar: 123,
        var: 321
      }
    }

Когда я произвожу в одной функции последовательно

    this.setState({
      foo: {
        ...this.state.foo, ['var']: 1234
      }
    })

    this.setState({
      foo: {
        ...this.state.foo, ['bar']: 4321
      }
    })

Два изменения стейта, которые включают в себя перезаписывание остальных полей, то происходит страшное. А именно:
Я получаю

foo.var = 321
foo.bar = 4321

А хотелось бы получить

foo.var = 1234
foo.bar = 4321

Как это провернуть?

Условия есть, тут уж я наглядно упростил

useEffect(() => {
   props.initPlaylist({новый объект})
},  [сюда все пропсы, при изменении которых должен вызываться initPlaylist])

Эх

Покажу нагляднее:

        if (!this.state.selectedStationaryPoint){
          this.setState(this.state.donation => {
            ...this.state.donation, ['blood_station_id']: null
          })
        }

Есть одно условие перед отправкой данных по которому одно из полей надо обнулить, я пытаюсь сделать вот так

this.setState(prevState => {
           ...prevState, ['blood_station_id']: null
         })

Что делать, если ...prevState ему не нравится?

а там return надо добавить)