<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Pro-Tek Blog &#187; React Component</title>
	<atom:link href="http://www.pro-tekconsulting.com/blog/tag/react-component/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.pro-tekconsulting.com/blog</link>
	<description>For UI developers / UI designers and UI trends</description>
	<lastBuildDate>Thu, 05 Sep 2019 03:59:47 +0000</lastBuildDate>
	<language>en-US</language>
		<sy:updatePeriod>hourly</sy:updatePeriod>
		<sy:updateFrequency>1</sy:updateFrequency>
	<generator>https://wordpress.org/?v=4.0.34</generator>
	<item>
		<title>HOW CAN WE EMBED TWO OR MORE COMPONENTS INTO ONE IN REACT?</title>
		<link>http://www.pro-tekconsulting.com/blog/how-can-we-embed-two-or-more-components-into-one-in-react/</link>
		<comments>http://www.pro-tekconsulting.com/blog/how-can-we-embed-two-or-more-components-into-one-in-react/#comments</comments>
		<pubDate>Sat, 27 Oct 2018 04:16:32 +0000</pubDate>
		<dc:creator><![CDATA[admin]]></dc:creator>
				<category><![CDATA[REACT]]></category>
		<category><![CDATA[React Component]]></category>

		<guid isPermaLink="false">http://www.pro-tekconsulting.com/blog/?p=2680</guid>
		<description><![CDATA[<p>How can we embed two or more components into one in React? We can embed components into one in the following way: 1 class MyComponent extends React.Component{ 2 render(){ 3 return( 4 &#60;div&#62; 5 &#60;h1&#62;Hello&#60;/h1&#62; 6 &#60;Header/&#62; 7 &#60;/div&#62; 8 ); 9 } 10 } 11 class Header extends React.Component{ 12 render(){ 13 return &#60;h1&#62;Header [&#8230;]</p>
<p>The post <a rel="nofollow" href="http://www.pro-tekconsulting.com/blog/how-can-we-embed-two-or-more-components-into-one-in-react/">HOW CAN WE EMBED TWO OR MORE COMPONENTS INTO ONE IN REACT?</a> appeared first on <a rel="nofollow" href="http://www.pro-tekconsulting.com/blog">Pro-Tek Blog</a>.</p>
]]></description>
				<content:encoded><![CDATA[<h4>How can we embed two or more components into one in React?</h4>
<p>We can embed components into one in the following way:</p>
<p><span style="color: #000000;"><span style="font-family: Calibri, serif;"><span style="font-size: small;"><span lang="en">1 class MyComponent extends React.Component{</span></span></span></span></p>
<p><span style="color: #000000;"><span style="font-family: Calibri, serif;"><span style="font-size: small;"><span lang="en"> 2 render(){</span></span></span></span></p>
<p><span style="color: #000000;"><span style="font-family: Calibri, serif;"><span style="font-size: small;"><span lang="en"> 3 return(</span></span></span></span></p>
<p><span style="color: #000000;"><span style="font-family: Calibri, serif;"><span style="font-size: small;"><span lang="en"> 4 &lt;div&gt;</span></span></span></span></p>
<p><span style="color: #000000;"><span style="font-family: Calibri, serif;"><span style="font-size: small;"><span lang="en"> 5 &lt;h1&gt;Hello&lt;/h1&gt;</span></span></span></span></p>
<p><span style="color: #000000;"><span style="font-family: Calibri, serif;"><span style="font-size: small;"><span lang="en"> 6 &lt;Header/&gt;</span></span></span></span></p>
<p><span style="color: #000000;"><span style="font-family: Calibri, serif;"><span style="font-size: small;"><span lang="en"> 7 &lt;/div&gt;</span></span></span></span></p>
<p><span style="color: #000000;"><span style="font-family: Calibri, serif;"><span style="font-size: small;"><span lang="en"> 8 );</span></span></span></span></p>
<p><span style="color: #000000;"><span style="font-family: Calibri, serif;"><span style="font-size: small;"><span lang="en"> 9 }</span></span></span></span></p>
<p><span style="color: #000000;"><span style="font-family: Calibri, serif;"><span style="font-size: small;"><span lang="en"> 10 }</span></span></span></span></p>
<p><span style="color: #000000;"><span style="font-family: Calibri, serif;"><span style="font-size: small;"><span lang="en"> 11 class Header extends React.Component{</span></span></span></span></p>
<p><span style="color: #000000;"><span style="font-family: Calibri, serif;"><span style="font-size: small;"><span lang="en"> 12 render(){</span></span></span></span></p>
<p><span style="color: #000000;"><span style="font-family: Calibri, serif;"><span style="font-size: small;"><span lang="en"> 13 return &lt;h1&gt;Header Component&lt;/h1&gt;</span></span></span></span></p>
<p><span style="color: #000000;"><span style="font-family: Calibri, serif;"><span style="font-size: small;"><span lang="en"> 14 };</span></span></span></span></p>
<p><span style="color: #000000;"><span style="font-family: Calibri, serif;"><span style="font-size: small;"><span lang="en"> 15 }</span></span></span></span></p>
<p><span style="color: #000000;"><span style="font-family: Calibri, serif;"><span style="font-size: small;"><span lang="en"> 16 ReactDOM.render(</span></span></span></span></p>
<p><span style="color: #000000;"><span style="font-family: Calibri, serif;"><span style="font-size: small;"><span lang="en"> 17 &lt;MyComponent/&gt;, document.getElementById(&#8216;content&#8217;)</span></span></span></span></p>
<p><span style="color: #000000;"><span style="font-family: Calibri, serif;"><span style="font-size: small;"><span lang="en"> 18 );</span></span></span></span></p>
<p>The post <a rel="nofollow" href="http://www.pro-tekconsulting.com/blog/how-can-we-embed-two-or-more-components-into-one-in-react/">HOW CAN WE EMBED TWO OR MORE COMPONENTS INTO ONE IN REACT?</a> appeared first on <a rel="nofollow" href="http://www.pro-tekconsulting.com/blog">Pro-Tek Blog</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.pro-tekconsulting.com/blog/how-can-we-embed-two-or-more-components-into-one-in-react/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
