What is a React Node?

About

A react node is a node in the React DOM tree.

Data Type

A node may have the following data type:

  • a React Element
  • a React Fragment
  • a React Portal (floating element)
  • and the base Javascript data type: string, number, boolean, null or undefined.

How to loop?

You can loop through the tree and node with the React.Children.map function.




Discover More
React Typescript Children Override Error
How to define the React children type in Typescript?

This article will show you how to override/define the type of children of your react component to a specific type in your props. In this example, we have a layout component that expects only buttons...
React - Component (User-defined Element)

A component is a user-defined react element in the React tree. Components let you split the UI into independent, reusable pieces, and think each piece in isolation. Conceptually, components are like...
What is a React Element?

An element is a node in the React tree (React DOM implementation) that has a type and props. component getting started createElementjsx filescreateElement e A counter component with a useState...
What is the React Virtual DOM? Components Tree/Hierarchy

The React tree is: a tree composed of React node that implements a virtual DOM system known as the React DOM where only the updates are applied to: the real DOM (browser DOM) or for Native...



Share this page:
Follow us:
Task Runner