title: Open popup page on onClick event of component react
body: <p>I have a component that renders a table.</p>
  
  <p>Each row of the table has a button which is designed to open a detailed page of the row selected.</p>
  
  <p>How can I make react open a popup page on the OnClick event of the button of the given row, passing some parameters? </p>
  
  <pre><code>import React from 'react';
  
  const Benchmarks = ({ indicator_name , indicator_desc, indicator_bench, indicator_approx_date, indicator_avg_field, detail_link}) =&gt; { 
  
  const handleClick = (e)=&gt; {
      console.log(e)
      //how to open pop up page passing parameters?    
      }
  
      return(
          &lt;tr&gt;
              &lt;td&gt;{indicator_name}&lt;/td&gt;
              &lt;td&gt;{indicator_desc}&lt;/td&gt;
              &lt;td&gt;{indicator_bench}&lt;/td&gt;
              &lt;td&gt;{indicator_approx_date}&lt;/td&gt;
              &lt;td&gt;{indicator_avg_field}&lt;/td&gt;
              &lt;td&gt; 
                  &lt;button
                       onClick={() =&gt; handleClick(detail_link)}&gt;
                      {"Detailed Map"}
                  &lt;/button&gt;
              &lt;/td&gt;
          &lt;/tr&gt;
      );
  }
  
  export default Benchmarks;
  </code></pre>