본문으로 바로가기

코드에 빠지다

현재위치 :: HOME BLOG CATEGORY SEARCH ARCHIVE TAGS MEDIA LOCATION GUESTBOOK

네비게이션

  • 홈
  • 태그
  • 방명록
관리자
  • 블로그 이미지
    구하천포

    개인 프로젝트 정리 및 개발 관련 지식 공유를 위한 블로그입니다.

    링크추가
  • 글쓰기
  • 환경설정
  • 로그인
  • 로그아웃

리액트 검색 결과

해당 글 1건

[React] children 개수 확인하는 방법

React에서 ui 컴포넌트를 구현할 때 children의 개수가 필요한 경우가 있습니다.예를들어 Tree 컴포넌트를 구현한다고 해봅시다.1번 2-1번 2-2번위 코드를 실행하였을 때 원하는 결과는 아래와 같습니다.1번2번ㄴ 2-1번ㄴ 2-2번즉 자식이 React children인 경우는 폴더로 구현해야합니다.자식이 React children이 아닌 경우는 파일로 구현해야합니다.위 코드에서 children 개수를 확인하는 간단한 방법은 React.Children.count 함수를 사용하는 것입니다.해당 함수를 사용하면 간단하게 자식 개수를 파악할 수 있습니다.그러나 위 같은 경우 1번도 자식이기 때문에 결과 값이 1이 나오게 됩니다.이때는 추가적으로 React Element인지 확인하는 함수 Reac..

공유/React, Next 2024. 6. 24. 20:04
  • 이전
  • 1
  • 다음

사이드바

NOTICE

  • 코드에 빠지다
  • 전체 보기
MORE+

CATEGORY

  • 분류 전체보기 (234)
    • 회고 (10)
      • 회고록 (10)
    • 개인 프로젝트 (13)
      • 코드 조각 (1)
      • 내가 면접관, 면접자 (5)
      • 블로그 에디터 (1)
      • React 컴포넌트 구현하기 (6)
    • 연습 프로젝트 (16)
      • 공주찾기 (공휴일, 주소찾기) (7)
      • 채팅 (React, Express, Socket... (8)
      • 기타 (1)
    • 공유 (131)
      • HTML, CSS (5)
      • JavaScript, TypeScript (45)
      • ESLint (10)
      • Electron (7)
      • Node, NPM (17)
      • React, Next (6)
      • Git, Github (10)
      • 기타 (31)
    • 에러 모음 (17)
      • React (7)
      • JavaScript (2)
      • 기타 (8)
    • 기타 (+ Legacy) (47)
      • Legacy (47)

RECENTLY

  • 최근 글
  • 최근 댓글

최근 글

최근댓글

Trackback

TAG

  • javascript
  • React 채팅
  • ESLint
  • Electron
  • react
  • Node 채팅
  • 자바스크립트
  • 회고록
  • react-hook-form
  • React 기초
  • Git
  • 개발자 회고
  • socket.io 채팅
  • typescript
  • nextjs
MORE+

ARCHIVE

CALENDAR

«   2025/05   »
일 월 화 수 목 금 토
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

LINK

VISITOR

오늘
어제
전체
  • 홈으로
  • 방명록
  • 로그인
  • 로그아웃
  • 맨위로
SKIN BY COPYCATZ COPYRIGHT 코드에 빠지다, ALL RIGHT RESERVED.
코드에 빠지다
블로그 이미지 구하천포 님의 블로그
MENU
  • 홈
  • 태그
  • 방명록
CATEGORY
  • 분류 전체보기 (234)
    • 회고 (10)
      • 회고록 (10)
    • 개인 프로젝트 (13)
      • 코드 조각 (1)
      • 내가 면접관, 면접자 (5)
      • 블로그 에디터 (1)
      • React 컴포넌트 구현하기 (6)
    • 연습 프로젝트 (16)
      • 공주찾기 (공휴일, 주소찾기) (7)
      • 채팅 (React, Express, Socket... (8)
      • 기타 (1)
    • 공유 (131)
      • HTML, CSS (5)
      • JavaScript, TypeScript (45)
      • ESLint (10)
      • Electron (7)
      • Node, NPM (17)
      • React, Next (6)
      • Git, Github (10)
      • 기타 (31)
    • 에러 모음 (17)
      • React (7)
      • JavaScript (2)
      • 기타 (8)
    • 기타 (+ Legacy) (47)
      • Legacy (47)
VISITOR 오늘 / 전체
  • 글쓰기
  • 환경설정
  • 로그인
  • 로그아웃
  • 취소

검색

티스토리툴바