javascript - tutorial - redux-form es Destruir mi estado una vez que el componente está desmontado, ¿qué ofrece?

redux form touched

Question

No estoy pasando ninguna configuración de configuración especial ni estoy configurando / o llamando a destruir ... pero mi estado se está limpiando ... de todos modos para evitar esto? Necesito que el estado se quede porque necesito esos datos en mi aplicación.

prev state: I see it in there... via redux-logger
action: redux-form/Destroy
next state: it''s gone.

Answer 1

Probablemente estés fusionando el estado de las redux-forms en el tuyo, debes tenerlo en una clave separada. Destroy acción devuelve indefinido, lo cual está bien, si el reductor redux-forms solo logra que sea parte de la tienda.

Asegúrese de estar siguiendo el paso 1 de este tutorial, especialmente el form: formReducer parte: http://erikras.github.io/redux-form/#/getting-started?_k=jauvug

Answer 2

Me encontré con este mismo problema personalmente usando Redux Form recientemente

Donde después de despachar una acción y pasar por el reductor, despacho en forma de despacho DESTROY. El comentario de Brennan Cheung me ayudó a darme cuenta de que el estado que estaba devolviendo / modificando en mi reductor tenía información faltante que fue enviada de regreso a la tienda. Después de que arreglé esto, la forma redux ya no despacha la acción destruir automáticamente.

Por ejemplo: Inicialmente, estaba devolviendo esto:

    [
      {
        "id": "dd8684f0-8a8a-11e7-97ac-8350cad5200c",
        "timestamp": 1503771468479,
        "body": "comment2",
        "author": "author2",
        "parentId": "ee6a6c5c-1821-4280-80b7-90fa97137137",
        "voteScore": 1,
        "deleted": false,
        "parentDeleted": false
      }
    ]

Cuando en realidad quise devolver esto

    {
      "ee6a6c5c-1821-4280-80b7-90fa97137137": {
        "id": "ee6a6c5c-1821-4280-80b7-90fa97137137",
        "timestamp": 1502253747021,
        "title": "this is a title",
        "body": "this is another body",
        "author": "author2",
        "category": "category1",
        "voteScore": 2,
        "deleted": false,
        "comments": [
          {
            "id": "dd8684f0-8a8a-11e7-97ac-8350cad5200c",
            "timestamp": 1503771468479,
            "body": "comment2",
            "author": "author2",
            "parentId": "ee6a6c5c-1821-4280-80b7-90fa97137137",
            "voteScore": 1,
            "deleted": false,
            "parentDeleted": false
          }
        ]
      }
    }

Así que definitivamente verifique en qué estado está regresando a la tienda. ¡Espero que esto ayude!

Answer 3

El subárbol de estado del formulario se destruye cuando el formulario se desmonta, por diseño. Este es el comportamiento predeterminado y esperado.

Desde v6.2.1 en adelante hay una propiedad de configuración de forma destroyOnUnmount , que habilita / deshabilita explícitamente el comportamiento de borrado de estado en un formulario específico ( documentos aquí )

import { reduxForm } from ''redux-form'';

reduxForm({
  form: ''example'',
  destroyOnUnmount: false
})(...)

Esto es útil cuando tiene un formulario cuyo estado desea conservar si el usuario lo abandona a la mitad, se desplaza y luego regresa.