Skip to main content

children ↔ special placeholder props to nest JSX

access via this.props.children

References​

  1. props ↔ frozen Object of properties; passed as dynamic input from Parent Component to children

  2. Suspense Boundary ↔ Component Hierarchy wrap by <Suspense\> to suspend render children with fallback until ready

  3. Provider ↔ Wrapper FC to provide Context value to all Subscribing children

  4. Context ↔ Interface Object to share data to all Subscribing children

  5. layout.tsx ↔ ( Next 13 ) Page to export default layout UI to share with children

  6. Shared Layout ↔ UI to share mutliple Pages via children, to preserve state & not trigger re-render

  7. Portal ↔ ReactDOM API Escape Hatch to render children outside Component Hierarchy of Parent Component