[🐾 일지]띠용 Textarea와 한 바보의 이야기

프로젝트 일지

[🐾 일지]띠용 Textarea와 한 바보의 이야기

Kamea 2022. 6. 9. 15:16

줄바꿈이 있는 input이 필요해서 textarea로 작성을 했는데..? 흠..?

👇🏻 내 textArea의 onChange 함수

export const Content = (props: {
    setContent: Dispatch<SetStateAction<string>>;
}) => {
    var [sentence, setSentence] = useState('');

    const handleWriting = (e: any) => {
        setSentence((sentence += e.target.value));
        props.setContent(sentence);
    };

    return (
            <textarea
                className="textarea-content"
                maxLength={400}
                placeholder="오늘 하루는 어땠는지 400자 이내로 표현해주세요! "
                onChange={handleWriting}
            />
    );
};

바보같은 코드를 썼다. 왜 저런 코드를 썼을까? 심히 반성이 필요할 듯.

export const Content = (props: {
    content: string;
    setContent: Dispatch<SetStateAction<string>>;
}) => {
    const handleWriting = (e: any) => {
        props.setContent(e.target.value);
    };

    return (
            <textarea
                className="textarea-content"
                value={props.content}
                maxLength={400}
                placeholder="오늘 하루는 어땠는지 400자 이내로 표현해주세요! "
                onChange={handleWriting}
            />
    );
};

그냥 input 처럼 처리하면 된다.ㅎ