Javascript 重定向后如何将道具传递到我的主路线?
我正在使用Javascript 重定向后如何将道具传递到我的主路线?,javascript,node.js,reactjs,react-router,Javascript,Node.js,Reactjs,React Router,我正在使用react-router-dom,并希望在重定向时将:id传递给我的第一条路由(/)。这样做的原因是,我可以访问接口组件中的:id,并保持SPA url的一致性。有可能这样做吗 路由 ReactDOM.render(<Router> <MuiThemeProvider muiTheme={muiTheme}> <div style={styles.pageContainer}> <div styl
react-router-dom
,并希望在重定向时将:id
传递给我的第一条路由(/
)。这样做的原因是,我可以访问接口组件中的:id
,并保持SPA url的一致性。有可能这样做吗
路由
ReactDOM.render(<Router>
<MuiThemeProvider muiTheme={muiTheme}>
<div style={styles.pageContainer}>
<div style={styles.bodyContainer}>
<Switch>
<Route exact path="/" component={Interface}/>
<Redirect path="/join/:id" to="/"/>
</Switch>
</div>
</div>
</MuiThemeProvider>
</Router>, document.getElementById('app'));
ReactDOM.render(
,document.getElementById('app');
您可以使用路由
匹配:id
参数,并在位置状态下传递它:
<Route exact path='/join/:id' render={({match}) =>
<Redirect to={{pathname: "/", state: {id: match.params.id}}}/>}
/>
}
/>
在界面
中,您可以使用props.location.state.id
访问id