reaccionará-router en la historia

reaccionará-router en la historia

eact-enrutador  se basa en la historia de

una aplicación de gestión de sesión sesión de la historia js js historia de la biblioteca. It diferentes entornos (navegadores, nodo ...) las variables unificadas en una API sencilla de gestionar pila historia, navegación, salto de confirmación, y el estado continuo entre las sesiones.

  
  
// Uso básico
importación {} createHistory de la 'historia'

const historia createHistory = ()

// dirección actual
const location = history.getCurrentLocation ()

// detectar la traducción de direcciones actual
const UNLISTEN = history.listen ( ubicación => {
consola .log (location.pathname)
})

// La nueva entrada en la pila del historial
history.push ({
nombre de ruta : '/ / path' ,
buscar : '? a = consulta' ,

Algunos parámetros // url no existe por encima del valor del estado actual de la URL
Estado: { la : 'estado' }
})

// Cuando haya terminado, detenga el oyente
UNLISTEN ()
  
  

También puede objetar el uso de la historia para cambiar la ubicación actual:

• push (ubicación)
• sustituir (ubicación)
• Go (n)
• regresa()
• GoForward ()

Una historia sabe cómo monitorizar los cambios en la barra de direcciones del navegador, y analizar la URL en el objeto de la ubicación, y luego hacerlo coincidir con el router utilizando la ruta, el último render correctamente los componentes correspondientes.

ubicación de los objetos incluyen:

   
   
同 ruta window.location.pathname
buscar en la misma window.location.search
indicar un objeto objeto de lote en esta dirección
acción de empuje, SUSTITUIR uno o POP
ID de clave exclusiva
   
   

Tres historia común

    
    
// historia HTML5, recomendado
importación createHistory de 'la historia / lib / createBrowserHistory'

// historia Hash
importación createHistory de 'la historia / lib / createHashHistory'

// historia memoria (por ejemplo: medio ambiente nodo)
importación createHistory de 'la historia / lib / createMemoryHistory'
    
    




createHashHistory

Este es uno obtendrá la historia defecto, si no se especifica una historia (es decir, <Router> {/ * sus rutas * /} </ Router>). Se utiliza en el hash URL (#) para crear formada como parte http://example.com/#/some/path de la ruta.

la historia de hash es el valor por defecto porque no puede hacer cualquier configuración se puede ejecutar en el servidor, e incluye IE8 + se puede utilizar en todos los navegadores populares. Sin embargo, no se recomienda utilizarlo en la producción real, porque cada aplicación web debe tener un destino de usar createBrowserHistory.

createBrowserHistory

historial del navegador es crear una aplicación de navegador recomendado por la historia Reaccionar router. Utiliza  Historia API fue creado para URL mango en el navegador, como por ejemplo un nuevo verdadero `URL example.com / some / path`

createMemoryHistory

la historia de memoria no será operado o leer en la barra de direcciones. Esto explica cómo lograr la representación del servidor. Al mismo tiempo, también es muy adecuado para el ensayo y la otra El entorno de procesamiento (como Reaccionar Nativo).

Para más detalles, consulte Dirección: https://zhuanlan.zhihu.com/p/20799258?refer=jscss