Removed unnecessary componentWillMount methods to set initial state. Now using ES7 property initializers instead

Author: rohan-deshpande

dev/src/react-dat-gui/components/DatBoolean.js

@@ -13,10 +13,8 @@ export default class DatBoolean extends Component {
     _onUpdateValue: PropTypes.func,
   };
 
-  componentWillMount() {
-    this.setState({
-      value: this.getValue()
-    });
+  state = {
+    value: this.getValue(),
   }
 
   componentWillReceiveProps(nextProps) {

dev/src/react-dat-gui/components/DatColor.js

@@ -21,12 +21,6 @@ export default class DatColor extends Component {
     displayColorPicker: false,
   }
 
-  componentWillMount() {
-    this.setState({
-      value: this.getValue()
-    });
-  }
-
   componentWillReceiveProps(nextProps) {
     this.setState({
       value: this.getValue(nextProps)

dev/src/react-dat-gui/components/DatNumber.js

@@ -21,10 +21,8 @@ export default class DatNumber extends Component {
     _onUpdateValue: PropTypes.func,
   };
 
-  componentWillMount() {
-    this.setState({
-      value: this.getValue()
-    });
+  state = {
+    value: this.getValue(),
   }
 
   componentWillReceiveProps(nextProps) {

dev/src/react-dat-gui/components/DatSelect.js

@@ -18,13 +18,7 @@ export default class DatSelect extends Component {
 
   state = {
     value: '',
-    options: [this.getValue(), ...this.props.options]
-  }
-
-  componentWillMount() {
-    this.setState({
-      value: this.getValue()
-    });
+    options: [this.getValue(), ...this.props.options],
   }
 
   componentWillReceiveProps(nextProps) {

dev/src/react-dat-gui/components/DatString.js

@@ -15,10 +15,8 @@ export default class DatString extends Component {
     _onUpdateValue: PropTypes.func,
   };
 
-  componentWillMount() {
-    this.setState({
-      value: this.getValue()
-    });
+  state = {
+    value: this.getValue(),
   }
 
   componentWillReceiveProps(nextProps) {

dev/src/react-dat-gui/components/Slider.js

@@ -14,10 +14,8 @@ export default class Slider extends Component {
     onUpdate: PropTypes.func,
   };
 
-  componentWillMount() {
-    this.setState({
-      value: toNumber(this.props.value)
-    });
+  state = {
+    value: toNumber(this.props.value),
   }
 
   componentWillReceiveProps(nextProps) {

src/components/DatBoolean.js

@@ -13,10 +13,8 @@ export default class DatBoolean extends Component {
     _onUpdateValue: PropTypes.func,
   };
 
-  componentWillMount() {
-    this.setState({
-      value: this.getValue()
-    });
+  state = {
+    value: this.getValue(),
   }
 
   componentWillReceiveProps(nextProps) {

src/components/DatColor.js

@@ -21,12 +21,6 @@ export default class DatColor extends Component {
     displayColorPicker: false,
   }
 
-  componentWillMount() {
-    this.setState({
-      value: this.getValue()
-    });
-  }
-
   componentWillReceiveProps(nextProps) {
     this.setState({
       value: this.getValue(nextProps)

src/components/DatNumber.js

@@ -21,10 +21,8 @@ export default class DatNumber extends Component {
     _onUpdateValue: PropTypes.func,
   };
 
-  componentWillMount() {
-    this.setState({
-      value: this.getValue()
-    });
+  state = {
+    value: this.getValue(),
   }
 
   componentWillReceiveProps(nextProps) {

src/components/DatSelect.js

@@ -18,13 +18,7 @@ export default class DatSelect extends Component {
 
   state = {
     value: '',
-    options: [this.getValue(), ...this.props.options]
-  }
-
-  componentWillMount() {
-    this.setState({
-      value: this.getValue()
-    });
+    options: [this.getValue(), ...this.props.options],
   }
 
   componentWillReceiveProps(nextProps) {