[React] textarea 크기 자동 조절 라이브러리 사용하기

textarea를 사용하다가 높이 때문에 생기는 스크롤을 없애고 줄바꿈시 칸이 자동으로 늘어나게 만들고 싶어서 라이브러리를 사용해봤다.

1. 설치

yarn add react-textarea-autosize

2. import하기

import TextAreaAutoResize from "react-textarea-autosize";

3. 컴포넌트로처럼 사용하기

const title = "라이브러리 사용하기";

<TextAreaAutoResize
  defaultValue={title}
  placeholder="제목을 입력해주세요."
  style={{
         resize: "none",
         outline: "none",
         overflow: "hidden",
        }}
/>