javascript - 重定向后如何将 prop 传递到我的主路由？

Question

我正在使用 react-router-dom 并希望在重定向时将 :id 传递到我的第一个路由 (/)。想要这样做的原因是我可以在我的 Interface 组件中访问 :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'));

Answer 1

您可以使用 Route 来匹配 :id 参数并在位置状态中传递它:

<Route exact path='/join/:id' render={({match}) =>
     <Redirect to={{pathname: "/", state: {id: match.params.id}}}/>}
/>

在Interface中，您可以使用props.location.state.id访问ID。