如何在 react.js 的新选项卡中打开组件?

Question

我有一个下拉菜单，它将列出客户列表。根据我在下拉列表中选择的内容，我想为该特定客户端打开一个新选项卡。有什么办法吗？ 我尝试了window.open((，虽然它可以工作，但它将URl附加到 http://localhost:3000/[object%20Object]。我不知道要在URL中附加什么对象。蒂亚

Answer 1

window.open()方法接受 URL，因此无法以您需要的方式传递组件/javascript。

考虑设置一个路由，比如专门呈现<Tableau />组件的路由/popup-tableau，然后调用：

window.open('/popup-tableau')

这里的想法是，您的应用程序将打开新窗口，并且应用程序的另一个实例将启动(在新窗口中(，并定向到路由/popup-tableau路由该路由将按照您需要的方式显示<Tableau />组件。