如何访问反应路由器v4中url中不存在的参数

时间:2017-08-02 09:59:45

标签: reactjs react-redux react-bootstrap react-router-v4

我正在使用react router v4。我有导航栏。它有一个下拉单击它导航到一个页面。我传递它作为url参数,但我也希望它的名字在我的下一页上。任何想法如何添加那个? 我的路线就像这样

ReactDOM.render(
  <Provider store={store}>
     <BrowserRouter >
      <div>
        <HeaderContainer/>
          <Route path="/program/:program_id" component={ProgramContainer}/>   
      </div>
    </BrowserRouter>
  </Provider>, document.getElementById('root')
);

我试过这样的方式

Details(Name){
        console.log("prog name",Name)
        this.setState(() => {
            name:Name
        })
    }

这就是我在nav

中填充菜单的方式
  {program.map((prog) => 
                            <LinkContainer key={prog.pk} to={program_data_url+prog.pk}>
                               <MenuItem  key={prog.pk} onClick={()=>this.programDetails(prog.name)} >{prog.name}
                              </MenuItem> 
                              </LinkContainer>
                            )}

0 个答案:

没有答案
相关问题