Is React
Determine if a variable or expression is a valid element or component in React
A library to determine if a variable or a expression is a React element or component. For a more thorough understanding, this article describes elements and components in React, and this article gives an understanding of the JSX syntax.
gitconnected - The Developer Learning Community
Sponsored byBlockAce - The Best Blockchain Jobs Board
Sponsored byInstall
yarn add is-react
or npm i --save is-react
to use the package.
Examples
Real world:
;; const MyImageComponent = { if typeof SomeProp === 'string' // assume it's the src for an image return <img src=SomeProp />; else if isReact return <SomeProp />; else if isReact return SomeProp; return null;};
Samples:
// Class ComponentComponent { return <h1>Hello</h1>; } const foo = <Foo />; //Functional Component { return <h1>World</h1>;}const bar = <Bar />; // React Elementconst header = <h1>Title</h1>; // CheckisReact; // trueisReact; // trueisReact; // trueisReact; // falseisReact; // false isReact; // trueisReact; // falseisReact; // trueisReact; // falseisReact; // true isReact; // trueisReact; // trueisReact; // falseisReact; // trueisReact; // false isReact; // trueisReact; // falseisReact; // trueisReact; // falseisReact; // true isReact; // trueisReact; // falseisReact; // trueisReact; // trueisReact; // false
API
import isReact from 'is-react'
to use the package
All functions return a boolean
. The primary functions you will most likely
use are compatible()
, element()
, and component()
.
isReact.compatible()
Determine if a variable or expression is compatible with React. Valid React
components and elements return true
.
isReact.element()
Determine if a variable or expression is a React element. Will return true
for both DOM type and Composite type components.
isReact.component()
Determine if a variable or expression is a React component. Will return true
for both functional and class components.
isReact.classComponent()
Determine if a variable or expression is a React class component.
isReact.functionComponent()
Determine if a variable or expression is a React functional component.
isReact.DOMTypeElement()
Determine if a variable or expression is a React DOM type element.
isReact.compositeTypeElement()
Determine if a variable or expression is a React Composite type element.
Thanks!
Inspired by this Stackoverflow answer