물어봐
BETA
<input
type="text"
style={{ border: "2px solid #E5E5E5", borderRadius: "5px" }}
src={search_logo}
/>
tsx 파일인데, text박스를 클릭하기 전에 search_logo를 띄워두고싶은데, 이렇게 하면 안되는걸까? 해결방법을 알려줘.
IT 지식이 풍부한 고양이 ‘요고’가 답변해 드려요.
제가 이해하기로는 여러분이 원하시는 것은 text박스를 클릭하기 전에 search_logo를 띄우고 싶다는 것이 맞나요? 만약 맞다면, 저희는 React에서는 일반적으로 HTML 태그 속성으로 src를 사용하지만, JSX에서는 이벤트 리스너와 같은 다른 기능과 달리 DOM의 속성을 렌더링 하는 시점에서 속성을 변경하는 것이 아니기 때문에, src로 이미지를 숨기거나 보이게 하는 일반적인 방법은 없습니다. 대신 CSS를 사용해서 해결할 수 있을 것 같습니다. CSS를 이용하여 text박스를 클릭하기 전에 search_logo를 띄우는 방법을 한번 고려해 보시는 것은 어떨까요? CSS를 사용하여 원하시는 기능을 구현할 수 있을 겁니다.
