<Router history={ history }>
<Route path="/" getComponents={App}>
<IndexRedirect to="projects" />
<Route path="projects" getComponents={Projects}></Route>
<Route path="dashboard" getComponents={Dashboard}></Route>
</Route>
<Route path="*">
</Route>
</Router>
import React, {PropTypes, Component} from 'react';
import {connect} from 'dva';
import {Link} from 'dva/router';
import Header from 'components/Common/ProjectManagementNav/ProjectManagementNav'
const App = (props) => {
console.log("props",props);
return (
<div>
<Header />
{props.children}
</div>
)
}
function mapStateToProps({ management }) {
return { management };
}
export default connect(mapStateToProps)(App);
import React from 'react';
import {connect} from 'dva';
import ProjectsContent from 'components/projects/projectsContent';
const Projects = (props) => {
console.log(props);
return (
<ProjectsContent/>
);
};
export default Projects;
์ฝ๊ธฐ ์ด๋ ค์ด ๊ฒฝ์ฐ ๋ค์ ๋ฌธ์๋ฅผ ์ฐธ์กฐํ์ฌ ํ์์ ์กฐ์ ํ์ญ์์ค.
์ ๋ฆฌํ๋ค
๋ด ๋ฐฉ๋ฒ์ ๋์คํจ์น ๋๋ ๋ชจ๋ธ ์ํ๋ฅผ ์ฐธ์กฐํ๋ ๋ชจ๋ ๊ตฌ์ฑ ์์๋ฅผ ์ฌ์ฉํ์ฌ ์ฐ๊ฒฐํ๋ ๊ฒ์ ๋๋ค. ๋ฌผ๋ก ๋์คํจ์น๋ฅผ โโ์ ๋ฌํ๊ฑฐ๋ ๋์คํจ์น ์์ ์ ํจ์์ ์บก์ํ ํ ๋ค์ ํจ์๋ฅผ ์ ๋ฌํ ์๋ ์์ต๋๋ค.
๋ด ๋ฐฉ๋ฒ์ ๋์คํจ์น ๋๋ ๋ชจ๋ธ ์ํ๋ฅผ ์ฐธ์กฐํ๋ ๋ชจ๋ ๊ตฌ์ฑ ์์๋ฅผ ์ฌ์ฉํ์ฌ ์ฐ๊ฒฐํ๋ ๊ฒ์ ๋๋ค. ๋ฌผ๋ก ๋์คํจ์น๋ฅผ โโ์ ๋ฌํ๊ฑฐ๋ ๋์คํจ์น ์์ ์ ํจ์์ ์บก์ํ ํ ๋ค์ ํจ์๋ฅผ ์ ๋ฌํ ์๋ ์์ต๋๋ค.
์ด๋ค์ ๋ชจ๋ ์ฐ๊ฒฐํ๋ฉด ๊ตญ์ ์ธ์ด๊ฐ ์ ํ ๋ ๋ ํ์ ๊ตฌ์ฑ ์์๊ฐ ์ ์์ ์ผ๋ก ์ ํ๋์ง ์์ผ๋ฉฐ ์ ์ฒด ํ์ด์ง๋ฅผ ์๋ก ๊ณ ์น๋ ค๋ฉด window.location.reload ()๋ฅผ ์ฌ์ฉํด์ผํฉ๋๋ค. ๋จ, ์์ ์ปดํฌ๋ํธ๊ฐ ์ฐ๊ฒฐ๋์ด ์์ง ์์ผ๋ฉด ์ ์์ ์ผ๋ก ์ ํ ํ ์ ์์ต๋๋ค.ํ์ด์ง๋ฅผ ์๋ก ๊ณ ์น์ง ์๋ ๋ฐฉ๋ฒ์ด ์์ต๋๊น?
๊ฐ์ฅ ์ ์ฉํ ๋๊ธ
์ฝ๊ธฐ ์ด๋ ค์ด ๊ฒฝ์ฐ ๋ค์ ๋ฌธ์๋ฅผ ์ฐธ์กฐํ์ฌ ํ์์ ์กฐ์ ํ์ญ์์ค.