[Bugfix/FE] 리뷰 작성 최대 길이 검증 수정 (#382)

fix: 리뷰 작성 최대 길이 검증 수정
woowacourse-teams · Aug 4, 2022 · ecf13f3 · ecf13f3
1 parent af64ec7
commit ecf13f3
Showing 1 changed file with 8 additions and 1 deletion.
diff --git a/frontend/src/components/common/ReviewForm/ReviewForm.tsx b/frontend/src/components/common/ReviewForm/ReviewForm.tsx
@@ -39,6 +39,8 @@ function ReviewForm({
 
   const handleContentChange: React.ChangeEventHandler<HTMLTextAreaElement> =
     useCallback(({ target: { value } }) => {
+      if (value.length > 1000) return;
+
       setContent(value);
     }, []);
 
@@ -78,7 +80,12 @@ function ReviewForm({
             <p>총평을 입력해주세요</p>
             <p>{content.length} / 1000</p>
           </S.LabelTop>
-          <S.Textarea value={content} onChange={handleContentChange} required />
+          <S.Textarea
+            value={content}
+            onChange={handleContentChange}
+            required
+            maxLength={1000}
+          />
         </S.Label>
         <S.Footer>
           <S.SubmitButton>{isEdit ? '리뷰 수정' : '리뷰 추가'}</S.SubmitButton>