How to change state in React?

Question

React

There is such a state , it contains a multidimensional object

state = {
      data: {
        name: {value: name},
        mail: {value: email},
        text: 
          {value: { 
            title: subtitle,
            subtitle: subtitle,
            }
          },
      }
    }

How to write setState to change data.text.value.title?

Answer 1

this.setState(state => {
  const newState = { ...state }
  newState.data.text.value.title = 'new title'
  return newState
})