Tag Input

보통

태그 추가/제거가 가능한 태그 인풋

#javascript#tag

라이브 데모

React

TypeScript

CSS

코드

TagInput.tsx

const [tags, setTags] = useState(['React', 'TypeScript']);
const handleKeyDown = (e) => {
  if (e.key === 'Enter' && input.trim()) {
    setTags([...tags, input.trim()]);
    setInput('');
  }
};