[FE-239]fix: 12글자 넘어가면 입력가능함

endmoseung · endmoseung · commit e9ea2efa624e · 2023-03-02T17:14:01.000+09:00
-부모에 의존돼있던 값을 e.target.value로 수정
diff --git a/src/pages/AddRecord/AddRecordInput.tsx b/src/pages/AddRecord/AddRecordInput.tsx
@@ -39,13 +39,14 @@ function AddRecordInput({
   }, [parentCategoryId])
 
   const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {
-    if (recordTitle.length > INPUT_DETAILS.MAX_INPUT_TYPING) {
+    const inputValueLength = e.target.value.length
+    if (inputValueLength > INPUT_DETAILS.MAX_INPUT_TYPING) {
       return
     }
-    if (recordTitle.length > INPUT_DETAILS.MIN_TYPING) {
+    if (inputValueLength > INPUT_DETAILS.MIN_TYPING) {
       setIsInputsHasValue({ ...isInputsHasValue, input: true })
     }
-    if (recordTitle.length === INPUT_DETAILS.MIN_TYPING) {
+    if (inputValueLength === INPUT_DETAILS.MIN_TYPING) {
       setIsInputsHasValue({ ...isInputsHasValue, input: false })
     }
     setRecordTitle(e.target.value)

Original file line number	Diff line number	Diff line change
`@@ -39,13 +39,14 @@ function AddRecordInput({`
`39`	`39`	`}, [parentCategoryId])`
`40`	`40`
`41`	`41`	`const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {`
`42`		`- if (recordTitle.length > INPUT_DETAILS.MAX_INPUT_TYPING) {`
	`42`	`+ const inputValueLength = e.target.value.length`
	`43`	`+ if (inputValueLength > INPUT_DETAILS.MAX_INPUT_TYPING) {`
`43`	`44`	`return`
`44`	`45`	`}`
`45`		`- if (recordTitle.length > INPUT_DETAILS.MIN_TYPING) {`
	`46`	`+ if (inputValueLength > INPUT_DETAILS.MIN_TYPING) {`
`46`	`47`	`setIsInputsHasValue({ ...isInputsHasValue, input: true })`
`47`	`48`	`}`
`48`		`- if (recordTitle.length === INPUT_DETAILS.MIN_TYPING) {`
	`49`	`+ if (inputValueLength === INPUT_DETAILS.MIN_TYPING) {`
`49`	`50`	`setIsInputsHasValue({ ...isInputsHasValue, input: false })`
`50`	`51`	`}`
`51`	`52`	`setRecordTitle(e.target.value)`