如何在链路的路由器获得童车值反应

我在主要成分此链接如何获得播放器组件值：如何在链路的路由器获得童车值反应

<Link to="/player" params={{ testvalue: "hello" }} 
className="btn">watch</Link> 

class Player extends React.Component{ 
    render(){ 
     alert(this.params.testvalue); 
     return(
      <div></div> 
      ); 
    } 
}

这是一个路由文件

<Route path="/" component={App}> 
     <IndexRoute component={main}/> 
     <Route path="/player" component={Player}/> 
    </Route>

来源

2016-09-28 Mohi Indharan

为了帮助你在将来使用这个参数，你可以看看在铬上的反应devtool和你可以在链接中的所有道具只是一个提示 – EQuimper

与反应路由器它传递一个位置向下对象作为道具，应该能够访问使用查询

this.props.params.testvalue

在你播放器组件

来源

2016-09-28 17:33:57 finalfreq

其显示一个空值 –

没有测试值查询：对象： –

误读了原始问题。更新的答案。 'this.props.params'应该显示'testvalue'在那里可用，并且可以执行'this.props.params.testvalue' – finalfreq

与您的代码的问题是，你传递一个PARAM与

<Link to="/player" params={{ testvalue: "hello" }} 
className="btn">watch</Link>

，但你没有在路由接收它。改变你的路线就像

<Route path="/" component={App}> 
    <IndexRoute component={main}/> 
    <Route path="/player/:value" component={Player}/> 
</Route>

在你的播放器组件，然后使用

this.props.params.testvalue

。

来源

2016-09-29 05:53:39

如何在链路的路由器获得童车值反应

回答

相关问题