[react] useRef를 사용해 input focus

강인호·2022년 10월 22일
0

개인저장

목록 보기
45/87
  const textInput = useRef();
  //클릭시 인풋에 포커스
  const OnInput = () => {
    textInput.current.focus();
  }
    return (
        <MainInputDiv >
        //아이콘을 클릭시
        <SearchIconDiv onClick={OnInput}>
          <Search color={"gray"} onClick={OnInput}/>
        </SearchIconDiv>
        //해당 인풋이 포커스가 된다.
        <MainInput ref={textInput} value={search} id="textInput" onChange={(e)=>setSearch(e.target.value)}/>
      </MainInputDiv>
      )

0개의 댓글