javascript - setState is not working on object's object

Question

i am trying to save some data in object's object, but its not working and its throwing me error.

This setState is not working.

I want to save some data in title and otherData.

 this.state = {
            data:{
                   title:" ",
                   otherData:" "
                 },
            size: "Medium",
            posterDiv: "700px",
            url: ArticlePoster,
            file: " ",
            base64: " "
        }

this.setSate({data.title:wantToSaveThisData})

but this setState is not working.

can anyone explain why my setState is not working

Answer 1

Try

this.setState({
  data: {
    ...this.state.data,
    title: wantToSaveThisData
  }
})

...this.state.data is spread syntax, copying all of this.state.data's props in the new state. The title: wantToSaveData will overwrite the previous this.state.data.title.