topic Re: How i use powerbi-router in reactjs in Developer

How i use powerbi-router in reactjs

FerYelAco93 — Wed, 07 Apr 2021 16:07:12 GMT

Hello,

I need help with the powerbi-router component installed with npm in my Reactjs project.

How i use, if i want a dynamic menu in my app that connect to my power BI embeded report, used the powerbi-report-component library in reactjs with the <Report /> tag.

This is my <Report /> tag:

I store the name and displayName of the pages I need from power BI report, and I loaded dynamicly according to the rol of the user loged. I need te specific route to connect my dynamic menu with the report embed.

Please and thank you for everything!

Re: How i use powerbi-router in reactjs

v-lionel-msft — Fri, 09 Apr 2021 03:04:44 GMT

Hi @FerYelAco93 ,

Maybe you can refer to this project.

GitHub - microsoft/powerbi-router: A lightweight router for the Power BI JavaScript SDK which allows a hosting application to register routes to extend and integrate with Power BI embedded components.

Best regards,
Lionel Chen

If this post helps, then please consider Accept it as the solution to help the other members find it more quickly.

Re: How i use powerbi-router in reactjs

FerYelAco93 — Fri, 09 Apr 2021 14:30:32 GMT

Thank you @v-lionel-msft,

I saw this documentation, but do not offer me the enough to start the link of my menu app to the powerbi report embeded in my reactjs project.

I need a solution likes this:

<span> {this.state.menuP.map(function (di, key) { return <SidebarLink title={di.display_name} icon={di.icon} route={"/report/pages/"} key={key} > </SidebarLink> }) } </span>

Where route={} might be the link to my report, like /report/pages/...etc.

Please, and thank you again