<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <channel>
    <title>DEV Community: amrit853200</title>
    <description>The latest articles on DEV Community by amrit853200 (@amrit853200).</description>
    <link>https://dev.to/amrit853200</link>
    <image>
      <url>https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F785626%2Fe8a41ee2-0b6a-47ab-a7a4-4010ed7f5746.jpeg</url>
      <title>DEV Community: amrit853200</title>
      <link>https://dev.to/amrit853200</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/amrit853200"/>
    <language>en</language>
    <item>
      <title> would like to render the infoPage.js when the user clicks to handleClick function in react. Help Appreciated?</title>
      <dc:creator>amrit853200</dc:creator>
      <pubDate>Tue, 04 Jan 2022 06:36:13 +0000</pubDate>
      <link>https://dev.to/amrit853200/would-like-to-render-the-infopagejs-when-the-user-clicks-to-handleclick-function-in-react-help-appreciated-h42</link>
      <guid>https://dev.to/amrit853200/would-like-to-render-the-infopagejs-when-the-user-clicks-to-handleclick-function-in-react-help-appreciated-h42</guid>
      <description>&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;

infoPage.js

import React from 'react'

export default function infoPage() {
    return (
        &amp;lt;div&amp;gt;
            &amp;lt;h1&amp;gt; this is info components&amp;lt;/h1&amp;gt;
        &amp;lt;/div&amp;gt;
    )
}


App.js:

&amp;lt;button className="btn btn-primary" onClick={handleClick}&amp;gt;{value.title}&amp;lt;/button&amp;gt;



Function:

const handleClick = () =&amp;gt; {
   const url = infoPage;
   window.open(url, '_blank');
 } 
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



</description>
      <category>react</category>
      <category>javascript</category>
      <category>redux</category>
    </item>
  </channel>
</rss>
