input tag 컴포넌트 만들기

danbi lee·2022년 7월 4일

  • tag는 배열에 담아서 li로 뿌려줬고, 이때 map 함수를 활용함

  • input에는 onKeyUp 이벤트를 사용해서 enter키를 눌렀고, 빈값이 아닌경우 useState의 상태값을 업데이트함

  • 태그 제거 기능은 버튼에 onclick 이벤트와 filter 함수를 사용해서 현재 인자로 받은 index와 배열의 index가 일치하지 않는 값만 뽑아냄!

참고

https://dev.to/prvnbist/create-a-tags-input-component-in-reactjs-ki

profile
계속해서 보완중

0개의 댓글