<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()を使用してページ全体を更新する必要があります。ただし、子コンポーネントが接続されていない場合は、正常に切り替えることができます。ページを更新しない方法はありますか?
最も参考になるコメント
読みにくい場合は、以下の資料を参照してフォーマットを調整してください。