refactor: Dropdown component

src/components/DropDown.js

@@ -1,32 +1,24 @@
-import React, { Component } from 'react';
+import React from 'react';
 import { Input } from 'reactstrap';
 
 
-class DropDown extends Component {
+const DropDown = (props) => {
-  constructor(props) {
+  let options = props.options;
-    super(props);
+  options = options.map((opt) => {
+    return <option key={opt.name} value={opt.name}>{opt.value}</option>
+  });
 
-    this.state = {};
+  return (
-  }
-
-  render() {
-    let options = this.props.options;
-    options = options.map((opt) => {
-      return <option key={opt.name} value={opt.name}>{opt.value}</option>
-    });
-
-  return(
     <Input
-      name = {this.props.name}
+      name={props.name}
-      type = "select"
+      type="select"
-      value = { this.props.value }
+      value={props.value}
-      onChange = { this.props.onChange }
+      onChange={props.onChange}
     >
       <option value="">---</option>
-      { options }
+      {options}
     </Input>
-    );
+  );
-  }
 }
 
 export default DropDown;