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

 

 

줄바꿈이 있는 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 처럼 처리하면 된다.ㅎ

 

그냥 이런 오류를 범했다는 것이 웃겨서 써봤다.

 

우울해서 그랬어