#6 검색 베이스 선택 가능한 select 컴포넌트 개발

See: Github issue #6
---------------------------------------
### 작업파일
* components/index.js
* components/Combo/Combo.jsx,Combo.scss
---------------------------------------
### 작업내용
* react-select사용하여 콤보 구현
* 인자로 item을 배열로 넘김

Author: AnGwangHo

package-lock.json

@@ -11,6 +11,7 @@
     "react-redux": "^6.0.1",
     "react-router-dom": "^4.3.1",
     "react-scripts": "2.1.8",
+    "react-select": "^2.4.2",
     "redux": "^4.0.1",
     "redux-logger": "^3.0.6",
     "redux-saga": "^1.0.2",

package.json

@@ -0,0 +1,19 @@
+import React from "react";
+import Select from "react-select"; //select libery사용
+import classNames from "classnames/bind";
+import styles from "./Combo.scss";
+
+const cx = classNames.bind(styles);
+
+const Combo = ({ className, options, handleChange, defaultValue }) => {
+  return (
+    <Select
+      className={cx(className, { default: !className })}
+      options={options}
+      onChange={handleChange}
+      defaultValue={defaultValue}
+    />
+  );
+};
+
+export default Combo;

src/components/Combo/Combo.jsx

@@ -0,0 +1,4 @@
+.default {
+  width: 100px;
+  height: 50px;
+}

src/components/Combo/Combo.scss

@@ -2,5 +2,6 @@ import Button from "./Button/Button";
 import Div from "./Div/Div";
 import Edit from "./Edit/Edit";
 import Popup from "./Popup/Popup";
+import Combo from "./Combo/Combo";
 
-export { Button, Div, Edit, Popup };
+export { Button, Div, Edit, Popup, Combo };