I read in ES7 we can declare the state variables outside the constructor and also declare propTypes as a static properties, declared as high as possible within the component code.
import React, { Component } from 'react'
import { string, object } from 'prop-types'
export default class ProfileContainer extends Component {
state = { expanded: false }
static propTypes = {
model: object.isRequired,
title: string
}
static defaultProps = {
model: {
id: 0
},
title: 'Your Name'
}
}
Could anyone explain me what are the advantageous of doing it, Also I would want to know new features of ES7, A layman explanation.
Top comments (2)
You can add "React" to your title if that is your only interest.
I think you are confusing ES7 with ES10.
From what I know all browsers support features from
ES6 (2015) huge update, all the goodies
ES7 (2016) operator (**), Array.prototype.include
ES8 (2017) async/await
The ES9 2018 draft was finished in June 2018 so it will take some time for the browsers and frameworks to catch up.
I think your example contains features from different (old and future) versions of ES.
The class fields are just a proposal, so perhaps there will be implemented in ES10.
The "static" keyword exists since ES6 but only for methods.
thank you for your response, I thought class fields are introduced in ES7.