React, 상위 컴포넌트에서 하위 컴포넌트로 속성 전달하기

React, 상위 컴포넌트에서 하위 컴포넌트로 속성 전달하기

start

# 상위 컴포넌트

// 생략 //

<ProductsName className={styles.submenu} />

// 생략 //

# 하위 컴포넌트

// 생략 //

interface ProductsNavProps {
  className?: string;
}

ProductsNav.defaultProps = {
  className: "",
};

function ProductsNav(props: ProductsNavProps) {
  const { className } = props;

  return (
    <ul className={className}>
      <li>제품</li>
    </ul>
  );
}

// 생략 //

end