Enrutamiento diseño reaccionar-Mobile

Una ruta: envase: {

iniciar sesión, //

Registrarse,

principal

}

 

antdesign configuración

redux introducido

NPM i --save reaccionar-redux redux-thunk

En primer lugar crear reducer.js store.js actions.js de acción-types.js

// Crear función dentro de los reducer.js, el uso combineReducer fusión reductor, se convierten en un objeto de exposición externa

{} la importación de combineReducer 'redux'

función xxx (acción estado = 0,) {

　　estado de retorno

}

función yyy (acción estado = 0,) {

　　estado de retorno

}

combineReducer predeterminado de exportación ({xxx, yyy})

// crear objetos dentro de la tienda

importación {createstore, applyMiddleWare} de 'redux'

reductor de importación de'./reducer.js

importar golpe seco de 'redux-golpe seco'

defecto de exportación createstore (reductor, applyMiddleWare (procesador))

 

// js introducidas en la entrada de la Asamblea app.js

{} la importación Proveedor de 'reaccionar-redux'

 

tienda de importación de './redux/store'

render () {

regreso (

<Tienda Provider = {} tienda>

<HashRouter>

<Switch>

<Ruta path = "/ login" = componente de sesión {}> </ ruta>

<Ruta Ruta = "/ Registro" = componente {Registro}> </ ruta>

<trayectoria de la ruta = "/" = {componentes principales}> </ ruta> {/ * componentes predeterminados, encontrarán un partido no está precedido por un componente principal * /}

</ Switch>

</ HashRouter>

</ Proveedor>

)

}