Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/438.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/node.js/37.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 重定向后如何将道具传递到我的主路线?_Javascript_Node.js_Reactjs_React Router - Fatal编程技术网

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