React Native. Variables in render and memory?

Question

JavaScript

Two options:
1)

class MyClass extends Component {
 constructor(props) {
   //...
 }
 render {
  let {a} = this.props.a
  return <Text>{a}</Text>
 }
}

2)

class MyClass extends Component {
 constructor(props) {
   //...
 }
 render {
  return <Text>{this.props.a}</Text>
 }
}

The examples are contrived, but the question is, what is more expensive, to create a variable on each render and perform destructuring, or to refer to the property of the object, instead of passing a reference to the value to the variable?

Answer 1

There is such a statement - "premature optimization is the root of all evil." There is no need to do this if you do not see the difference in performance on your own example, therefore, in terms of performance, it does not matter which solution you use.
From the point of view of code readability, it is better to do destructuring, as it turns out more visually.
PS Correctly do let { a } = this.props