ReactNode를 컴포넌트 외부에서 선언해서 사용할 때 꿀팁

ReactNode를 외부에서 사용할 땐 render 메소드로 사용하면 좋아요.

ReactNode를 컴포넌트 외부에서 선언해서 사용할 때 꿀팁 (render 메소드로 감싸기) - 정현수 기술 블로그

React 18 useSyncExternalStore에 대해서 - 정현수 기술 블로그

ReactNode를 컴포넌트 외부에서 선언해서 사용할 때 꿀팁 (render 메소드로 감싸기) - 정현수 기술 블로그

더 많은 콘텐츠를 보고 싶다면?

또는

이미 회원이신가요?

2023년 1월 15일 오후 3:13

 • 

저장 8조회 1,247

댓글 4

  • 삭제된 사용자

    2023년 01월 15일

    타입을 선언하면 더 명시적이지 않을까요? 렌더라는 네이밍도 개발자마다 다른용도로 쓸 수 있으니깐요

    @임상현/blue 그럴 수 있겠네요ㅎㅎ 자신이 선호하는 방법을 사용하면 되겠죠? 상현님이 좋아하시는 방법을 시용하면 될 듯 합니다. 개발에 정답은 없으니까요ㅎㅎ

  • export default function App() { return ( <div className="App"> <h1>Hello CodeSandbox</h1> <h2>Start editing to see some magic happen!</h2> <OptionItem.Light/> <OptionItem.Dark/> <OptionItem.System/> </div> ); } const OptionItem = { Light : () => (<>라이트</>), Dark: () => (<>다크</>), System: () => (<>시스템</>) } 이렇게 사용하는게 좀 더 JSX 스럽지 않을 까요? https://headlessui.com 자바스크립트 리턴타입이 리액트 엘리먼트 타입인 친구들은 JSX 로 사용할 수 있습니다!

    @😎 이런식으로도 사용할 수 있겠네요! 좋은 의견 감사합니다!