Guide
Tutorials
Config
API
Community
Guide
Tutorials
Config
API
Community

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 />);
});