UNPKG

preact/src/render.js

Version:

658 BJavaScriptView Raw

1import { diff } from './vdom/diff';
2
3/** Render JSX into a `parent` Element.
*	@param {VNode} vnode		A (JSX) VNode to render
*	@param {Element} parent		DOM element to render into
*	@param {Element} [merge]	Attempt to re-use an existing DOM tree rooted at `merge`
*	@public
*
*	@example
*	// render a div into <body>:
*	render(<div id="hello">hello!</div>, document.body);
*
*	@example
*	// render a "Thing" component into #foo:
*	const Thing = ({ name }) => <span>{ name }</span>;
*	render(<Thing name="one" />, document.querySelector('#foo'));
*/
18export function render(vnode, parent, merge) {
return diff(merge, vnode, {}, false, parent);
20}

1	`import { diff } from './vdom/diff';`
2
3	/** Render JSX into a `parent` Element.
4	`* @param {VNode} vnode A (JSX) VNode to render`
5	`* @param {Element} parent DOM element to render into`
6	* @param {Element} [merge] Attempt to re-use an existing DOM tree rooted at `merge`
7	`* @public`
8	`*`
9	`* @example`
10	`* // render a div into <body>:`
11	`* render(<div id="hello">hello!</div>, document.body);`
12	`*`
13	`* @example`
14	`* // render a "Thing" component into #foo:`
15	`* const Thing = ({ name }) => <span>{ name }</span>;`
16	`* render(<Thing name="one" />, document.querySelector('#foo'));`
17	`*/`
18	`export function render(vnode, parent, merge) {`
19	`return diff(merge, vnode, {}, false, parent);`
20	`}`