React_Avatar_defaultProps

Avatar.js

function Avatar(props){

    const {name, age, address="제주"} = props;

    return (

        <div>

            이름: {name}

            <br></br>

            나이: {age}

            <br></br>

            주소: {address}

            <br></br>

        </div>

    )

}

export function Avatar2(props){

    const {name, age, address="제주"} = props;

    return (

        <div>

            이름: {name}

            <br></br>

            나이: {age}

            <br></br>

            주소: {address}

            <br></br>

        </div>

    )

}

//default props 값 설정

Avatar.defaultProps = {

    name: "이름없음",

    age: 0,

    address: "주소없음"

};

export default Avatar;

 

 

회원 3의 경우, '제주'가 아니라 '주소 없음'이 출력