CODEWITHSUNDEEP
javascriptreactjsreact-nativeecmascript-next
Andru
Andru

Reputation: 6204

ES6+ instance property instantiated outside of constructor

Using ES6+ syntax in React/React-Native, the variable foo, when defined outside of the constructor is somehow transformed into an instance variable when called with this.. Is my assertion true? Why does it even work, when not instantiated in the constructor? Here a corresponding React Native code snippet:

class myComponent extends Component {
  constructor() {
    super();
  }

  foo = "bar";

  render() {
    return ( <View>{ this.foo }</View> );
  }
}

This discussion about ES7 property initializers shows how the state variable is prominently used in this way in React/React Native.

So far related Stack Overflow discussions I read through here and here could not answer this question for me..

Upvotes: 4

Views: 893

Answers (1)

zerkms
zerkms

Reputation: 255045

Your assertion is true.

The problem is that it's currently just in the stage-1, so it's not clear when and if ever it becomes the standard.

References:

Upvotes: 4

Related Questions