[2차프로젝트] 데이터에 맞게 아이콘 지정

   <Option>
          {facilities.map((els, idx) => {
            return (
              <OptionChild key={idx}>
                <img src={`/images/icons/${FACILDATE[els]}.png`} alt="icon" />
                <p>{els}</p>
              </OptionChild>
            );
          })}
        </Option>

let FACILDATE = {
  무선인터넷: 'wifi',
  주방: 'kichen',
  세탁기: 'washing',
  에어컨: 'air',
  난방: 'heat',
  건조기: 'dryer',
  수영장: 'pool',
  자쿠지: 'jaku',
  '건물 내 무료 주차': 'parking',
  '아기 침대': 'baby',
  헬스장: 'gym',
  바베큐그릴: 'grill',
  아침식사: 'food',
  '실내 벽난로': 'fire',
  '흡연 가능': 'ciga',
};

api로 받은 문자열 데이터를 캑체에 키값으로해서 아이콘에 맞게 집어넣는다..

<img src={/images/icons/${FACILDATE[els]}.png}