Optional contextOptional defaultUsed to define default values for the props accepted by the component.
type Props = { name?: string }
const MyComponent: FC<Props> = (props) => {
return <div>{props.name}</div>
}
MyComponent.defaultProps = {
name: 'John Doe'
}
Optional displayUsed in debugging messages. You might want to set it explicitly if you want to display a different name for debugging purposes.
const MyComponent: FC = () => {
return <div>Hello!</div>
}
MyComponent.displayName = 'MyAwesomeComponent'
Optional propUsed to declare the types of the props accepted by the component. These types will be checked during rendering and in development only.
We recommend using TypeScript instead of checking prop types at runtime.
The
Zonecomponent is a central part of the Zone component library. It uses the Zone SDK to dynamically render a "zone" of components that have been registered to a specific zone.The primary functionality of the
Zonecomponent is to render aSimpleZone, which is the default usage of this library. TheSimpleZoneuses the Zone SDK to dynamically render a "zone" of components that have been registered to a specific zone.Optionally, the
Zonecomponent can also render aPassThroughZonebased on thepassThroughprop. IfpassThroughistrue, it renders aPassThroughZoneand the original children after thePassThroughZone. In this case, the unrendered registered zone component configurations are provided to the cloned children on thecomponentsproperty. The author of these children will need to implement the rendering of the components themselves.