在 React JS 中嵌入 Power BI 报表以获取报表实例

前端开发问题 跟版网
Embed a Power BI report in React JS to get report instance(在 React JS 中嵌入 Power BI 报表以获取报表实例)
本文介绍了在 React JS 中嵌入 Power BI 报表以获取报表实例的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着跟版网的小编来一起学习吧！

问题描述

我正在尝试在 React JS 中嵌入 Power BI 报表，我想嵌入报表并让报表实例进一步使用它.我正在使用 Power BI 反应扩展来反应嵌入报告，但我不断收到无法读取未定义的属性嵌入"的错误.

I am trying to embed a Power BI report in React JS and I would like to embed the report and get the report instance to work further with it. I am using Power BI react extension in react to embed the report but I keep getting an error that Cannot read property 'embed' of undefined.

索引.js

import { powerbi, models, embed } from "powerbi-client";
import React, { useState, useEffect } from "react";
import ReactDOM from "react-dom";

function ReportBI() {
  let token ="abcExample";
  let embedUrlBi = "https://app.powerbi.com/reportEmbed";
  let reportId = "ReportID";
  
  const embedConfig = {
    type: "report",
    id: reportId,
    embedUrl: embedUrlBi,
    accessToken: token,
    tokenType: models.TokenType.Embed
  };

  function test() {
    var embedContainer = document.getElementById("container");
    var report = powerbi.embed(embedContainer, embedConfig);
    console.log(report);
  }
  useEffect(() => {
    test();
  });
   
  return (
    <>
      <div id="container"></div>
      
    </>
  );
}

const element = <ReportBI />;

ReactDOM.render(element, document.getElementById("root"));

索引.Html

<div id="root">
      <div id="container"></div>
    </div>

我试图在嵌入报表后获取它的实例以使用它做其他事情.我可以这样做吗?

I am trying to get instance of the report after embedding it to do other things with it. Can I do this?

推荐答案

你可以试试新的 powerbi-client-react 用于在 React 应用程序中嵌入 PowerBI 实体的库

You may try the new powerbi-client-react library for embedding PowerBI entities in React applications

"getEmbeddedComponent"prop 返回嵌入式 PowerBI 报表的实例

The "getEmbeddedComponent" prop returns the instance of embedded PowerBI report

这篇关于在 React JS 中嵌入 Power BI 报表以获取报表实例的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持跟版网！

本站部分内容来源互联网,如果有图片或者内容侵犯您的权益请联系我们删除！

相关文档推荐

我应该在 JavaScript 中使用 window.navigate 还是 document.location?
Should I use window.navigate or document.location in JavaScript?(我应该在 JavaScript 中使用 window.navigate 还是 document.location?)
Power BI - 从发布请求中获取数据
Power BI - Get data from post request(Power BI - 从发布请求中获取数据)
通过 PowerBI API 在嵌入视图中创建报表
Create Report in Embed View via PowerBI API(通过 PowerBI API 在嵌入视图中创建报表)
PowerBI 中的交互式对话框
Interactive Dialog Box in PowerBI(PowerBI 中的交互式对话框)
打印/生成嵌入式 power bi 报告的 PDF
Print/Generate PDF of embedded power bi report(打印/生成嵌入式 power bi 报告的 PDF)
“类型 {} 上不存在属性"使用带有 D3 SVG 符号的匿名函数时出错
quot;Property does not exist on type {}quot; error when using anonymous function with D3 SVG Symbol(“类型 {} 上不存在属性使用带有 D3 SVG 符号的匿名函数时出错)
前端开发问题Java开发问题C/C++开发问题Python开发问题C#/.NET开发问题php开发问题移动开发问题数据库问题
织梦资讯网 织梦模板 dede 外语学校 织梦鬼故事 竞价网站源码 竞价培训网 门户网站 织梦二次开发 织梦笑话网 dedecms笑话网 织梦源码 网站建设 搞笑图片 织梦教程 旅游网站源码 织梦旅游网 学校培训 html5 企业织梦源码 医院源码 后台样式 移动营销页 整形医院 大学医院 新手建站 客服代码 洗衣机维修 企业网站 淘宝客 导航菜单 教育网站 学校源码 装修网站 装修模板 美容整形 女性健康 妈妈网 机械源码 建站公司 珠宝首饰 苹果网站 手机资讯 美女图片 织梦模版打包 妇科源码 安卓市场源码 男性时尚网 健康之家 app应用网站 笑话网站 下载站 美女图片网 中医院网站 家装网站源码 QQ网站 标牌网站 魔兽世界网 淘宝客源码 YY网站源码 别墅设计网站 服装搭配网 宝宝起名网 站长网站 婚庆网站 脑科医院源码 笑话源码 肝胆医院 意外怀孕源码 工作室