在新标签页中打开链接，而不会丢失react JS中的状态

Question

我正在使用“ react-router-dom”在页面之间导航。该解决方案完美地工作。 但是，当我尝试在新标签页中打开链接时，它显示以下错误：

<Link   to={{pathname: "/providers/"+ provider.name,state: {provider: provider}}}> Test
</Link>

     

TypeError：无法读取未定义的新属性'provider'   singleProvider ../singleProvider.js:20 17 |构造函数（props）{
  18 |超级（道具）; 19 | this.state =（{

     

    

20 |提供者：this.props.location.state.provider，          | ^ 21 | }）22 | }