Consider a situation where you want to render multiple tags at a time. To do this we need to wrap all of this tag under a parent tag and then render this parent element to the HTML. All of the subtags are called child tags or child of this parent element.<\/p>\n
If we want to return more elements, we need to wrap it with one container element. Notice how we are using div as a wrapper for h1, h2 and p elements.<\/p>\n
App.jsx<\/u><\/p>\n
import React from ‘react’;<\/p>\n
class App extends React.Component {<\/p>\n
render() {<\/p>\n
return (<\/p>\n
<div><\/p>\n
<h1>Header<\/h1><\/p>\n
<h2>Content<\/h2><\/p>\n
<p>This is the content!!!<\/p><\/p>\n
<\/div><\/p>\n
);<\/p>\n
}<\/p>\n
}<\/p>\n
export default App;<\/p>\n","protected":false},"excerpt":{"rendered":"
Consider a situation where you want to render multiple tags at a time. To do this we need to wrap all of this tag under a parent tag and then render this parent element to the HTML. All of the subtags are called child tags or child of this parent element. If we want to…<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"categories":[8528],"tags":[8546],"class_list":["post-73408","page","type-page","status-publish","hentry","category-reactjs","tag-wrapping-elements"],"acf":[],"yoast_head":"\n