isComponent

isComponent(value) returns true for things tagged via markComponent. The renderer uses the same check; the helper is exposed for component libraries that need to branch on "this prop is a renderable" vs. "this prop is a getter".

Arguments

name	type	description
value	any	the value to test

Returns: boolean — true when value is a function marked as a component.

Examples

Branching on renderables

Distinguishes a marked component prop from a plain value, rendering each appropriately.

import { isComponent, markComponent, render } from 'pota'

const Greeting = markComponent(() => <p>hello!</p>)
const plain = () => Math.random()

function Wrapper(props) {
	return (
		<div>
			{isComponent(props.body) ? props.body() : <p>{props.body}</p>}
		</div>
	)
}

function App() {
	return (
		<div>
			<p>isComponent(Greeting): {String(isComponent(Greeting))}</p>
			<p>isComponent(plain): {String(isComponent(plain))}</p>
			<Wrapper body={Greeting} />
		</div>
	)
}

render(App)