Pass props in child compnent in Meteor react

Hello guys,

I am getting stuck middle of the code. Please help me .

I am using react and meteor 1.5.
I am using dynamic import feature of meteor 1.5.

import('react').then(({Component})=>{
    class ABC extends Component {
        heading(url){
            import('../common/heading.jsx').then((Heading)=>{
                render(<Heading data={'ABC'} url={url}/>)
            });
        }
        render() {
          let url=[{
              title:"ABC",
              url:"/admin/abc",
              active:true
            }];
          return (
              <div>
                  
                  {this.heading(url)}
                      
                      
              </div>
          );
        }
    }
    export default Dashboard;
})

but “Heading” is not loading. I don’t know why .

Please advice.

Thanks
Regards,
Saransh