在传递道具时在新选项卡中反应路由器打开链接

Question

我知道有很多答案可以告诉我们如何使用React Router在新选项卡中打开链接，但我认为其中大多数并不是在同时传递道具。

我知道我可以使用redux来实现我的终极神灵，但是我在想是否有相同的替代品。

所以在我的有状态组件

中

 <a onClick={this.pritnPreview} target="_blank"> Click here to Print </a> 

当用户单击链接时，此功能将触发

pritnPreview = () => {
    this.props.history.replace({ pathname: '/printPreview',
        state: { urlString: this.state.imageDownload, urlImage: this.state.imageDisplay}
      })
    }

我在这里传递道具，并且在同一选项卡中打开它，我想在仍然传递道具的同时在新选项卡中打开它。

“我的打印预览”看起来像这样

import React from "react"
const printPreview = (props) => {
    console.log(props)

    return (
        <div>

            <p> We are on this page</p>
        </div>
    )
} 

export default printPreview

问题：有人可以告诉我如何实现相同目标吗？

Answer 1

请查看以下帖子： How to pass params with history.push in react-router v4? 是您想要的吗？