해민

  • 홈
  • 태그
  • 방명록

Button 1

[React] 컴포넌트 porps를 활용하여 버튼 클릭 시 사라지게 하기

오늘은 버튼 클릭 시 버튼요소가 사라지게 하는 코드를 짜볼것이다.   📘 방법 간단 설명버튼을 클릭하면 이벤트가 발생하여 useState로 지정한 visible의 상태값이 false로 변환한다.Button 컴포넌트에 visible의 상태값이 props로 전달된다.Button에서 visible이 false(숨김) 일 경우 className을 hide로 한다.css로 className="hide" 는 display:none; 하여 요소를 없앤다.1️⃣ Button 컴포넌트와  메인 컴포넌트를 준비한다.MainHome.jsconst MainHome = () => { return ( onClickStart} visible={visible}> );};export default MainHome; Butto..

리액트 2025.01.18
이전
1
다음
더보기
프로필사진

해민

기록하는 프로그래밍

  • 분류 전체보기 (70) N
    • Java (12)
    • JavaScript (11)
    • HTML (6)
    • 알고리즘 (1)
    • CSS (3)
    • 데이터베이스 (7)
    • 리액트 (9)
    • JSP (4)
    • SpringBoot (9)
    • Web (8) N

Tag

Let, 비동기, axios, 컴포넌트, Spring, java, MySQL, 어노테이션, 리액트, useEffect, 동기, var, useState, const, react, 호이스팅, map, database, javascript, 쿠키,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

«   2025/07   »
일 월 화 수 목 금 토
1 2 3 4 5
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29 30 31

방문자수Total

  • Today :
  • Yesterday :

Copyright © Kakao Corp. All rights reserved.

티스토리툴바