<?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 Events &#8211; MaXEster Technologies  | Technical Blog</title>
	<atom:link href="https://www.maxester.com/blog/tag/react-js-events/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 Events React JS?</title>
		<link>https://www.maxester.com/blog/2023/12/14/what-is-events-in-react-js/</link>
		<comments>https://www.maxester.com/blog/2023/12/14/what-is-events-in-react-js/#respond</comments>
		<pubDate>Thu, 14 Dec 2023 07:15:30 +0000</pubDate>
		<dc:creator><![CDATA[Mayank Jha]]></dc:creator>
				<category><![CDATA[React Js]]></category>
		<category><![CDATA[React JS Events]]></category>

		<guid isPermaLink="false">https://www.maxester.com/blog/?p=1163</guid>
		<description><![CDATA[<p>Events in react js are similar to HTML events. Events are any user action that handles any type of functionalities. For example, in windows 10, double clicking opens the application or a file. Events in react js are of many&#8230;</p>
<p><a href="https://www.maxester.com/blog/2023/12/14/what-is-events-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/14/what-is-events-in-react-js/">What is Events 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>Events in react js are similar to HTML events. Events are any user action that handles any type of functionalities. For example, in windows 10, double clicking opens the application or a file.</p>



<p>Events in react js are of many types like mouseover, click, double click, drag, drop etc.</p>



<p>In react js we use camelCase representation to define any type of event. For example in HTML, we use onchange=&#8221;&#8221; but in react js we use it as onChange=&#8221;&#8221;.</p>



<p>Example :-</p>



<figure class="wp-block-image"><img src="https://www.maxester.com/blog/wp-content/uploads/2023/12/events.png" alt="" class="wp-image-1165" srcset="https://www.maxester.com/blog/wp-content/uploads/2023/12/events.png 874w, https://www.maxester.com/blog/wp-content/uploads/2023/12/events-300x212.png 300w, https://www.maxester.com/blog/wp-content/uploads/2023/12/events-768x544.png 768w" sizes="(max-width: 874px) 100vw, 874px" /><figcaption>Events<br></figcaption></figure>



<figure class="wp-block-image"><img src="https://www.maxester.com/blog/wp-content/uploads/2023/12/web1.png" alt="" class="wp-image-1167" srcset="https://www.maxester.com/blog/wp-content/uploads/2023/12/web1.png 538w, https://www.maxester.com/blog/wp-content/uploads/2023/12/web1-300x91.png 300w" sizes="(max-width: 538px) 100vw, 538px" /></figure>



<figure class="wp-block-image"><img src="https://www.maxester.com/blog/wp-content/uploads/2023/12/web2.png" alt="" class="wp-image-1168" srcset="https://www.maxester.com/blog/wp-content/uploads/2023/12/web2.png 546w, https://www.maxester.com/blog/wp-content/uploads/2023/12/web2-300x88.png 300w" sizes="(max-width: 546px) 100vw, 546px" /></figure>



<p><strong>Note :</strong> We didn&#8217;t use the parenthesis in onClick={toggleColor} as we don&#8217;t want to execute it, we just passed the reference.</p>



<p>If we want to pass the arguments, if any event occurs then we have to use the arrow function.</p>



<p> onClick={ (val) =&gt; func(val) } </p>
<p>The post <a rel="nofollow" href="https://www.maxester.com/blog/2023/12/14/what-is-events-in-react-js/">What is Events 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/14/what-is-events-in-react-js/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
