API Reference > ui-framework > Zone > Zone Zone<S, SS, S> Class Zone React component. A Zone is a standard area on the screen for users to read and interact with data applicable to the current task. Each Zone has a defined purpose. Extends Component<ZoneProps> Methods Name Description constructor(props: ZoneProps): Zone componentDidMount(): void componentWillUnmount(): void render(): React.ReactNode initializeZoneDef(zoneDef: ZoneDef, props: ZoneProps): void Static Inherited methods Name Inherited from Description UNSAFE_componentWillMount(): void Optional DeprecatedLifecycle Called immediately before mounting occurs, and before Component#render. UNSAFE_componentWillReceiveProps(nextProps: Readonly<ZoneProps>, nextContext: any): void Optional DeprecatedLifecycle Called when the component may be receiving new props. UNSAFE_componentWillUpdate(nextProps: Readonly<ZoneProps>, nextState: Readonly<S>, nextContext: any): void Optional DeprecatedLifecycle Called immediately before rendering when new props or state is received. componentDidCatch(error: Error, errorInfo: ErrorInfo): void Optional ComponentLifecycle Catches exceptions generated in descendant components. componentDidUpdate(prevProps: Readonly<ZoneProps>, prevState: Readonly<S>, snapshot?: SS): void Optional NewLifecycle Called immediately after updating occurs. componentWillMount(): void Optional DeprecatedLifecycle Called immediately before mounting occurs, and before Component#render. componentWillReceiveProps(nextProps: Readonly<ZoneProps>, nextContext: any): void Optional DeprecatedLifecycle Called when the component may be receiving new props. componentWillUpdate(nextProps: Readonly<ZoneProps>, nextState: Readonly<S>, nextContext: any): void Optional DeprecatedLifecycle Called immediately before rendering when new props or state is received. forceUpdate(callback?: () => void): void Component<ZoneProps> getSnapshotBeforeUpdate(prevProps: Readonly<ZoneProps>, prevState: Readonly<S>): SS | null Optional NewLifecycle Runs before React applies the result of render to the document, and setState<K extends undefined>(state: (prevState: Readonly<S>, props: Readonly<ZoneProps>) => null | S | { T } | null | S | { T }, callback?: () => void): void Component<ZoneProps> shouldComponentUpdate(nextProps: Readonly<ZoneProps>, nextState: Readonly<S>, nextContext: any): boolean Optional ComponentLifecycle Called to determine whether the change in props and state should trigger a re-render. Inherited properties Name Type Inherited from Description context any Component<ZoneProps> If using the new style context, re-declare this in your class to be the contextType Static undefined | Context<any> Component<ZoneProps> If set, this.context will be set at runtime to the current value of the given Context. props Readonly<ZoneProps> & Readonly<{ children?: ReactNode }> Component<ZoneProps> refs [key: string]: ReactInstance Component<ZoneProps> state Readonly<S> Component<ZoneProps> Defined in ui/framework/src/ui-framework/zones/Zone.tsx Line 89 Last Updated: 13 June, 2024