On the updating of arrays in React state

problem description

I always thought that the modification of state in React had to be modified with the setState function, but the push, of the array in the first direct state in the following code also modified state,. I don"t know why.

related codes 

  //
  onClick() {
    //
    let newComment = {
      content: this.state.comment,
      date: dayjs().format("YYYY/MM/DD HH:mm:ss"),
      id: Date.now()
    } 
    //a 
    this.state.commentList.push(newComment)
    
    //b
    // this.setState({
    //   commentList: [newComment,...this.state.commentList]
    // })

    //c 
    this.setState({
      comment:""
    })
  }

the effect of + a code is normal. It feels like transaction control. If you call the setState function, you will finish state modifying Synchronize, no matter what parameters are passed in the setState. 

  this.state.comment=""
    this.setState({
    })

this code also clears the comment normally.

React.js
May.22,2021
Three important functions in

setState are:

  1. merge state
  2. trigger the reconciliation algorithm and render
  3. batch updates

and it's not that only setState can change state.

The value of

righteously emptying comment is the code this.state.comment='' . The code
this.setState ({}) has no effect.

the reason starts with memory.
state exists in the component as object . You can understand that this.state points to the area where state is stored, not state itself.
when you execute this.state.xxx = yyyy , the original value of state in memory is changed, and the reference does not change, so what you see occurs.

Previous: ISE synthesis passed, but wrong in layout and cabling times

Next: How is the css text centered?

css mysql arrays josn react html typescript webpack npm sass R objective-c .net sql-server jquery python-3.x angularjs django angular excel regex iphone ajax linux xml pandas vba spring database wordpress string wpf xcode windows bash postgresql oracle multithreading eclipse list firebase algorithm macos forms image scala visual-studio azure bootstrap spring-boot react-native python-2.7 docker performance function winforms matlab powershell apache dataframe api sqlite numpy rest shell selenium flutter dart maven loops qt swing android-studio csv express file class tensorflow sorting codeigniter perl
MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-1b440a8-2bc29.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-1b440a8-2bc29.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?