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