Render childrens in React component

You may not that with in the opening and closing tags of a component there can be other tag like div can contain table, list etc. By default React component hide all the components within.

So how to render the children ?

functional component

In the functional component at the end of the render section add

.....
return (
<div>
{props.children}
</div>

)

Class component

In the class component we have to use the this for accessing the props

.....
return (
<div>
{this.props.children}
</div>

)

• Zustand, a minimal store for Rreactjs
• How to use styles in Remix
• Integrate Hygraph with Svelte, React, Vue
• How to build a blog using Tailwind + Graphql + Nextjs
• Lit web components
• Quilljs mention snippet
• react-editor-js double instance fix
• React-quill double instance fix
• Create minimal editor with Tiptap in React
• Editor frameworks for JS apps