freeCodeCamp/guide/chinese/certifications/front-end-libraries/react/use-default-props/index.md

title, localeTitle

title	localeTitle
Use Default Props	使用默认道具

使用默认道具

这个挑战让您宣布ShoppingCart组件的默认道具

const ShoppingCart = (props) => { 
  return ( 
    <div> 
      <h1>Shopping Cart Component</h1> 
    </div> 
  ) 
 }; 

要声明默认道具，要遵循的语法是

itemName.defaultProps = { 
  prop-x: value, 
  prop-y: value 
 } 

在语法之后，应在给定代码下面声明以下代码

ShoppingCart.defaultProps = { 
  items: 0 
 } 

这声明了一个名为'items'的道具，其值为'0'。