logo
  • Guide
  • Config
  • Plugin
  • API
  • Examples
  • Community
  • Modern.js 2.x Docs
  • English
    • 简体中文
    • English
    • Commands
      File Conventions
      src/
      App.[tj]sx
      entry.[tj]s
      entry.server.[tj]sx
      modern.runtime.[tj]s
      routes/
      *.[server|node].[tj]sx
      api/
      lambda/*.[tj]s
      server/
      modern.server.[tj]s
      shared/
      config/
      html/
      favicon.*
      icon.*
      mock/
      public/
      upload/
      modern.config.[tj]s
      Runtime
      Core
      createRoot
      render
      Router
      router
      SSR
      NoSSR
      renderStreaming
      renderString
      createRequestHandler
      BFF
      useHonoContext
      Utility
      CSS-In-JS API
      Head
      loadable
      📝 Edit this page
      Previous pagecreateRootNext pagerouter

      #render

      It is used to render project components.

      #Usage

      import { render } from '@modern-js/runtime/browser';
      
      render(<ModernRoot />);

      #Function Signature

      export function render(App: React.ReactElement, id?: HTMLElement | string): Promise<any>;

      #Parameters

      • App:An instance of ReactElement created through createRoot.
      • id:The id of the DOM root element to be mounted, such as "root".

      #Example

      import { createRoot } from '@modern-js/runtime/react';
      import { render } from '@modern-js/runtime/browser';
      
      const ModernRoot = createRoot();
      
      async function beforeRender() {
         // todo
      }
      
      beforeRender().then(() => {
        render(<ModernRoot />);
      });