我试图将Power BI报表嵌入到React JS中,我想嵌入该报表并使报表实例进一步与之一起使用。我正在使用Power BI react扩展进行响应以嵌入报表,但我不断收到无法读取未定义属性“嵌入”的错误。
Index.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"));
索引
<div id="root">
<div id="container"></div>
</div>
我试图在嵌入报表以执行其他操作之后获取报表的实例。我可以这样做吗?
您可以尝试使用新的powerbi-client-react库将PowerBI实体嵌入React应用程序中
“ getEmbeddedComponent ”道具返回嵌入式PowerBI报告的实例
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句