<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;
Difícil de ler, consulte os seguintes documentos para ajustar o formato:
Resolvido
Meu método é usar despacho ou todos os componentes que se referem ao estado do modelo para conectar.Claro, você também pode passar o despacho ou encapsular a ação de despacho em uma função e, em seguida, passar a função.
Meu método é usar despacho ou todos os componentes que se referem ao estado do modelo para conectar.Claro, você também pode passar o despacho ou encapsular a ação de despacho em uma função e, em seguida, passar a função.
Se você conectar todos eles, isso fará com que os subcomponentes não sejam alternados normalmente quando o idioma internacional for alterado, e você deve usar window.location.reload () para atualizar a página inteira. Mas se o componente filho não estiver conectado, ele pode ser alternado normalmente.Existe alguma maneira de não atualizar a página?
Comentários muito úteis
Difícil de ler, consulte os seguintes documentos para ajustar o formato: