Reactjs tableau react：嵌入的tableau表赢得'；t更新url更改

我正在尝试将Tableau工作表嵌入到我的ReactJS应用程序中。我有一个包含报告名称列表的菜单（在react中），单击菜单项时，它会更新包含报告名称的状态。我决定使用tableau react npm包来完成这项任务

当我第一次单击菜单项时，它会将tableau报告正确地嵌入到页面中。当我单击另一个菜单项（更新提供url的状态）时，tableau报告会刷新，但会继续显示第一个报告，就好像url没有更改一样。如果我单击第三个菜单项，嵌入表格报告将再次刷新，但这次它将显示我单击的第二个报告项。每单击一个后续菜单项，都会将“嵌入表格”报告刷新为单击的上一项

我正在使用Redux控制状态，在Redux开发工具中，我确定所有状态都正常运行。每个菜单项单击都会正确更新状态。我还将console.log放在传递到tableareporturl属性的url上，这也是正确的

const Reports = props => {
  const { reportUrl } = props;
  return (
    // Tableau Report Documentation:  https://github.com/coopermaruyama/tableau-react
    reportUrl && <TableauReport url={reportUrl} />
  );
};

---

tableau react npm包存在问题。更改url时，它没有正确地获取新url并将其传递给tableau。我与tableau react的所有者讨论了这个问题，我们部署了一个更改来解决这个问题

---

修复拉取请求：

这可能是tableau react npm包的问题。我建议您打开一个Github问题（并交叉引用这个问题）。

Menu Item Click            Tableau Report Shown
---------------            --------------------
null                       null
Report 1                   Report 1
Report 2                   Report 1
Report 3                   Report 2
Report 4                   Report 3
Report 5                   Report 4