0
반응 라우터에서 onChange를 올바르게 구현하는 방법을 파악하는 데 어려움을 겪고 있습니다. 내가 할일을 바꾸고 싶으면 집으로 리디렉션하고 싶습니다. 이 코드를 다음 탐색을 클릭하면반응 라우터 OnChange 리디렉션
import React, { Component } from 'react';
import ReactDOM from 'react-dom';
import App from './App';
import Home from './Home';
import Post_Form from './Post_Form';
import * as Firebase from 'firebase';
import Config from './utils/config.js';
import Auth from './utils/auth.js';
import { Router, Route, Link, browserHistory, IndexRoute } from 'react-router';
class Root extends Component {
constructor(props) {
super(props);
this.state = {
};
}
routeChange(nextPathname, nextState, replace, cb) {
replace({
pathname: '/home',
state: {nextPathname: nextState.location.pathname}
});
cb();
}
render() {
return (
<Router history = {browserHistory}>
<Route path = "/" component = {App} onChange={this.routeChange.bind(this)}>
<IndexRoute component = {Home} />
<Route path = "home" component = {Home} />
<Route path ="post-form" component={Post_Form} />
<Route path="*" component={Home}/>
</Route>
</Router>
)
}
}
ReactDOM.render(<Root />, document.getElementById('root'));
나는
Uncaught RangeError: Maximum call stack size exceeded
정말 고마워요, 제가 놓친 것은 조건입니다. – BonTheBeerman
당신을 환영합니다! 당신이 할 수있는 경우 이것을 답변으로 표시하십시오 :) – Mustafa