title: Call a function from within highchart click event in reactjs
body: <p>I have a summary page in a separate js file. Inside another home js file, I am using highchart to show a graph for each service and on click of a bar in the chart I want to render the summary page. I am new to frontend development and posting this after lot of googling for the entire day. All links I visited suggests how to visit an external link or alert or call a component function within same file on click event. But not what I am looking for.</p>
  
  <p>My highchart plot summary option on home page:</p>
  
  <pre><code> plotOptions: {
                          bar : {
                            stacking: 'normal',
                            dataLabels: {
                              enabled: true,
                              format: '{point.y}',
                              color: 'black'
                            },
                              states: {
                                hover:{
                                  enabled: true,
                                  brightness: -0.3
                                }
                              },
                              cursor: 'pointer',
  
                                events:{
                                   alert(e.point.name) // works
                                   &lt;Summary component={e.point.name}/&gt; // doesn't work in loading the summary page
  
                                       }
                                      }
                          }
  
  </code></pre>
  
  <p>Just began frontend development and I don't how to render the summary page by passing respective the component on the event of clicking on its bar chart. Thanks for me helping out on this</p>