searInput 오류 일단 수정 및 테이블 헤더 ? 추가

2025-03-28 18:02:13 +09:00
parent 4667e535e9
commit 554ad2c5a8
2 changed files with 17 additions and 4 deletions
@@ -3,13 +3,26 @@ import React from "react";

 const SearchInput = React.forwardRef<HTMLInputElement, {className:string, label:string, textValue:string, setText:(val:string)=>void}>(({className, label, textValue, setText}, ref) => {
    const changeText=(e:React.ChangeEvent<HTMLInputElement>)=>{
-        if(e?.target?.value) setText(e.target.value)
-    }
+        
+        if(e?.target?.value){
+
+            setText(e.target.value)
+        } 
+            
+
+            
+        }
+
+        const keyUp=(e:any)=>{
+            if(e.keyCode===8  && e.target.value.length==1){
+                setText('')
+            }
+        }

    return (
        <div className={className+" flex items-center"} >
            {label && <Label className="w-20 text-base text-gray-600">{label}</Label>}
-            <Input className="flex-1 ml-8 w-3/4 h-10 border rounded" value={textValue} onChange={changeText}></Input>
+            <Input className="flex-1 ml-8 w-3/4 h-10 border rounded" value={textValue} onChange={changeText} onKeyUp={keyUp}></Input>
        </div>
    )
 });
@@ -36,7 +36,7 @@ export function UiTable({ tableData, headlist, pageSize, total, children, headNa
        <TableBody className='text-center'>
          {tableData?.map((el: { [key: string]: string | number | boolean }, index) => (
            <TableRow key={index + "row"} >
-              {headlist.map((head) => (
+              {headlist?.map((head) => (
                <TableCell className="cursor-pointer" onClick={()=>cellClick && cellClick(index)} key={head.id + index}>{el[head.id]}</TableCell>
              ))}
            </TableRow>