kevinwkc/powerbi-react

Power BI for React JS will allow developers to easily embed Power BI components into their own applications.

react-powerbi

Power BI for React JS which provides components and services to enabling developers to easily embed Power BI reports into their applications.

Getting started

Install

npm install --save react-powerbi

Include

import { Report } from 'react-powerbi';

Render component

<Report 
  id={this.state.embedConfig.id}
  embedUrl={this.state.embedConfig.embedUrl}
  accessToken={this.state.embedConfig.accessToken}
  filterPaneEnabled={true}
  navContentPaneEnabled={false}
  onEmbedded={this.onEmbedded}
/>

Example

import React, { Component } from 'react';
import { Report } from 'react-powerbi';

export default class extends Component {
  onEmbedded(embed) {
    console.log(`Report embedded: `, embed, this);
  }

  render() {
    return (
      <div>
        <h1>react-powerbi demo</h1>

        <Report
          id={this.state.embedConfig.id}
          embedUrl={this.state.embedConfig.embedUrl}
          accessToken={this.state.embedConfig.accessToken}
          filterPaneEnabled={true}
          navContentPaneEnabled={false}
          onEmbedded={this.onEmbedded}
        />
      </div>
    );
  }
}