React.js 프롭스 전달 질문

Question

안녕하세요,react 프롭스에 대해 질문드립니다.아래의 코드가 길지만결국 dddd <- 이부분만 보시면 됩니다.import { useAnimations, useGLTF, useScroll } from "@react-three/drei" import { useFrame } from "@react-three/fiber" import { useEffect, useRef } from "react" import { useRecoilValue } from "recoil" import { IsEnteredAtom } from "../stores" import Loader from "./Loader" export default function Dancer() { const isEntered = useRecoilValue(IsEnteredAtom) const {scene, animations} = useGLTF('/models/dancer.glb') console.log('%c scene', 'color: lime', scene) console.log('%c animations', 'color: lime', animations) const dancerRef = useRef(null) const {actions} = useAnimations(animations, dancerRef) console.log('%c actions', 'color: lime', actions) useEffect(() => { if(!isEntered) return actions['wave'].play(); }, [actions, isEntered]) const scroll = useScroll() // console.log('%c scroll', 'color: lime', scroll) useFrame(()=>{ // console.log('scroll.offset', scroll.offset) }) if(isEntered) { return ( <> ) } else { return ( ) } } 위 코드에서 dddd는 아무것도 설정하지 않은 props 입니다.ctrl + shift + f로 dddd를 검색해도,그 아무데서도 값을 설정하는 곳이 없습니다.그런데, react 컴포넌트들이 모두 마운트가 되면,dddd는 undefined였다가 true로 바뀌게 됩니다.이 프로젝트의 그 어떤곳에서도 dddd를 true로 할당하는 곳은 절대 없습니다.왜냐면 제가 강의 따라 10분만에 만든거니깐요.어떻게 dddd props가 true로 바뀌는걸까요?혹시 react 기본 기능중에 아무것도 설정하지 않은 props는 component가 마운트 완료되면 자동으로 true로 변환되게 로직이라도 짜여져있는걸까요?(dddd가 아니라 ffffffff로 해도 마찬가지입니다)

하얀뼈 · Answer

자문자답 합니다.React에서는 props가 명시적으로 falsy 한 값을 넣지 않으면 자동으로 true를 넣어주게 됩니다.

React.js 프롭스 전달 질문

1개의 답변

Q&A 목록