Skip to main content

Variable: RenderComponent

const RenderComponent: FC<RenderComponentType>

Defined in: components/RenderComponent.tsx:45

Default implementation of a renderable component.

This component handles the rendering of individual components within the render tree. It resolves the component type from registered components, applies data properties, and recursively renders child components.

The component is memoized for performance optimization to prevent unnecessary re-renders when props haven't changed.

Param​

The component definition

Param​

The component type name (must be registered)

Param​

Component props

Param​

Optional data property bindings

Param​

Array of child component IDs

Param​

Map of child components

Returns​

The rendered component or null if component type not found

Example​

const componentDef = {
  id: 'button1',
  type: 'Button',
  props: { title: 'Click me', onPress: handlePress },
  dataProps: { title: { key: 'buttonText', active: true } },
  children: [],
  childComponents: {}
};

<RenderComponent {...componentDef} />

Throws​

If the component type is not registered in the render context