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

我正在尝试在React JS中嵌入一个Power BI报告，我希望嵌入该报告并让报告实例进一步使用它。我在react中使用Power-BI-react扩展来嵌入报表，但我不断收到一个错误，无法读取未定义的属性“embed”

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"));

import{powerbi，models，embed}来自“powerbi客户端”；
从“React”导入React，{useState，useffect}；
从“react dom”导入react dom；
函数ReportBI（）{
让token=“abcExample”；
让我们来看一下Urlbi=”https://app.powerbi.com/reportEmbed";
让reportId=“reportId”；
常量embedConfig={
键入：“报告”，
id:reportId，
embedUrl:embedUrlBi，
accessToken:token，
令牌类型：models.tokenType.Embed
};
功能测试（）{
var embedContainer=document.getElementById（“容器”）；
var report=powerbi.embed（embedContainer，embedConfig）；
控制台日志（报告）；
}
useffect（（）=>{
test（）；
});
返回(
);
}
常量元素=；
render（元素，document.getElementById（“根”）；

Html

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

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

您可以尝试在React应用程序中嵌入PowerBI实体的新库

---

“”道具返回嵌入式PowerBI报告的实例

谢谢。我正在使用这个库，它确实正确地嵌入了报告，但我有一个问题，你能回答以下问题吗