How to restructure props data and use it in state?

Question

React

I'll show you with an example.

A props.bartwo-dimensional array was passed to . To use it in a component, each subarray needs to be "flipped" ( ) I planned to solve this problem as follows:[ [1], [1, 2], [1, 2, 3] ]
state.reverse()

class Foo extends Component {
  constructor(props) {
    super(props)

    this.state = {
      bar: this.restruct( props.bar )
    }
  }

  render() {
    console.log(this.state.bar)

    return( <div></div> )
  }

  restruct(data) {
    return data.map( arr => arr.reverse() )
  }

}

But this method does not work - subarrays do not change; does not give any errors or warnings. No matter how I dodge: I created a variable before assigning state and many more ... - the same

result

Thanks to those who responded.

Answer 1

Until I wrote it reversemanually, nothing worked, I don’t know why this happened.
If you know - write ideas.

Answer 2

https://stackblitz.com/edit/react-fshgns?file=src/...