<?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>React Js Props &#8211; MaXEster Technologies  | Technical Blog</title>
	<atom:link href="https://www.maxester.com/blog/tag/react-js-props/feed/" rel="self" type="application/rss+xml" />
	<link>https://www.maxester.com/blog</link>
	<description>Tutorials, Examples and Implementation code for Developers Help</description>
	<lastBuildDate>Mon, 17 Feb 2025 09:17:48 +0000</lastBuildDate>
	<language>en-US</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>https://wordpress.org/?v=5.0.22</generator>
	<item>
		<title>What is Props in React JS?</title>
		<link>https://www.maxester.com/blog/2023/12/13/what-is-props-in-react-js/</link>
		<comments>https://www.maxester.com/blog/2023/12/13/what-is-props-in-react-js/#respond</comments>
		<pubDate>Wed, 13 Dec 2023 11:42:40 +0000</pubDate>
		<dc:creator><![CDATA[Mayank Jha]]></dc:creator>
				<category><![CDATA[React Js]]></category>
		<category><![CDATA[React Js Props]]></category>

		<guid isPermaLink="false">https://www.maxester.com/blog/?p=1158</guid>
		<description><![CDATA[<p>As we know, the components in react js are simple javascript functions, which returns the JSX code. We can pass parameters to these component functions, which are called props. Props stands for properties. Props are the actual parameters passed to&#8230;</p>
<p><a href="https://www.maxester.com/blog/2023/12/13/what-is-props-in-react-js/" class="btn-more">Read More<span class="arrow-more">&#8594;</span></a></p>
<p>The post <a rel="nofollow" href="https://www.maxester.com/blog/2023/12/13/what-is-props-in-react-js/">What is Props in React JS?</a> appeared first on <a rel="nofollow" href="https://www.maxester.com/blog">MaXEster Technologies  | Technical Blog</a>.</p>
]]></description>
				<content:encoded><![CDATA[
<p>As we know, the components in react js are simple javascript functions, which returns the JSX code. We can pass parameters to these component functions, which are called props.</p>



<p>Props stands for properties. Props are the actual parameters passed to a function. Props are available in the function as a object.</p>



<p>Props can be passed as a HTML attribute.</p>



<p>Props are read-only and we can&#8217;t change their value in the child component.</p>



<p>Example :</p>



<figure class="wp-block-image"><img src="https://www.maxester.com/blog/wp-content/uploads/2023/12/Props.png" alt="" class="wp-image-1159" srcset="https://www.maxester.com/blog/wp-content/uploads/2023/12/Props.png 620w, https://www.maxester.com/blog/wp-content/uploads/2023/12/Props-300x118.png 300w" sizes="(max-width: 620px) 100vw, 620px" /><figcaption>Passing the props</figcaption></figure>



<figure class="wp-block-image is-resized"><img src="https://www.maxester.com/blog/wp-content/uploads/2023/12/use.png" alt="" class="wp-image-1160" width="453" height="328" srcset="https://www.maxester.com/blog/wp-content/uploads/2023/12/use.png 449w, https://www.maxester.com/blog/wp-content/uploads/2023/12/use-300x217.png 300w" sizes="(max-width: 453px) 100vw, 453px" /><figcaption>Using the props inside the component</figcaption></figure>



<figure class="wp-block-image"><img src="https://www.maxester.com/blog/wp-content/uploads/2023/12/website-1.png" alt="" class="wp-image-1161" srcset="https://www.maxester.com/blog/wp-content/uploads/2023/12/website-1.png 564w, https://www.maxester.com/blog/wp-content/uploads/2023/12/website-1-300x102.png 300w" sizes="(max-width: 564px) 100vw, 564px" /><figcaption>Output</figcaption></figure>
<p>The post <a rel="nofollow" href="https://www.maxester.com/blog/2023/12/13/what-is-props-in-react-js/">What is Props in React JS?</a> appeared first on <a rel="nofollow" href="https://www.maxester.com/blog">MaXEster Technologies  | Technical Blog</a>.</p>
]]></content:encoded>
			<wfw:commentRss>https://www.maxester.com/blog/2023/12/13/what-is-props-in-react-js/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
