<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 leer, consulte los siguientes documentos para ajustar el formato:
Resuelto
Mi método es usar el despacho o todos los componentes que se refieren al estado del modelo para conectar. Por supuesto, también puede pasar el despacho o encapsular la acción despacho en una función y luego pasar la función.
Mi método es usar el despacho o todos los componentes que se refieren al estado del modelo para conectar. Por supuesto, también puede pasar el despacho o encapsular la acción despacho en una función y luego pasar la función.
Si los conecta todos, hará que los subcomponentes no cambien normalmente cuando se cambie el idioma internacional, y debe usar window.location.reload () para actualizar toda la página. Pero si el componente secundario no está conectado, se puede cambiar normalmente.¿Hay alguna forma de no actualizar la página?
Comentario más útil
Difícil de leer, consulte los siguientes documentos para ajustar el formato: