createElement
createElement: {
(
type: "input",
props?:
| InputHTMLAttributes<HTMLInputElement> & ClassAttributes<
HTMLInputElement,
>
| null,
...children: ReactNode[],
): DetailedReactHTMLElement<
InputHTMLAttributes<HTMLInputElement>,
HTMLInputElement,
>;
<P extends HTMLAttributes<T>, T extends HTMLElement>(
type: keyof ReactHTML,
props?: ClassAttributes<T> & P | null,
...children: ReactNode[],
): DetailedReactHTMLElement<P, T>;
<P extends SVGAttributes<T>, T extends SVGElement>(
type: keyof ReactSVG,
props?: ClassAttributes<T> & P | null,
...children: ReactNode[],
): ReactSVGElement;
<P extends DOMAttributes<T>, T extends Element>(
type: string,
props?: ClassAttributes<T> & P | null,
...children: ReactNode[],
): DOMElement<P, T>;
<P extends {}>(
type: FunctionComponent<P>,
props?: Attributes & P | null,
...children: ReactNode[],
): FunctionComponentElement<P>;
<
P extends {},
T extends Component<P, any, any>,
C extends ComponentClass<P, any>,
>(
type: ClassType<P, T, C>,
props?: ClassAttributes<T> & P | null,
...children: ReactNode[],
): CElement<P, T>;
<P extends {}>(
type: string | FunctionComponent<P> | ComponentClass<P, any>,
props?: Attributes & P | null,
...children: ReactNode[],
): ReactElement<P>;
}
createRoot lets you create a root to display React components inside a browser DOM node.