logo

该视频仅会员有权观看

立即开通课程「React.js 前端应用开发实践」权限。

¥
199
/ 年

React 组件的属性(props)

  • Rex组件通过属性控制其行为和显示内容。
  • App组件使用了App Header组件,并为其设置了namesim属性。
  • App Header组件定义为一个函数,其属性通过props参数传入。
  • Props是一个对象,包含在组件使用时设置的属性。
  • 在App Header组件中,可以将name属性解构并显示。
  • 由于使用TypeScript,需要定义属性类型AppHeaderProps,其中包含字符串类型的name
  • 如果组件属性没有正确设置,TypeScript会提示错误。
  • 可以为组件属性设置默认值,如果未指定,将使用这个默认值。
  • App Header组件有一个默认属性AppHeaderDefaults包含默认的name值。
  • 如果在App组件中未设置name属性,App Header将使用默认值。