How to destructure props in React?

Question

React

Props come from store.js. But it is not possible to destructure (or destructure) them.
Here is what is stored in props:

state = { 
    inner: {
        param1: 'text',
        param2: 123
    }
}

This is how I tried to get it:

const App = ({ param1, param2 }) => { //  props.state.inner.param1
// undefined
}

Answer 1

const App = ({ inner: { param1, param2 }}) => {  
...
}