Soy nuevo en reaccionar y estoy haciendo una galería de imágenes, con la funcionalidad de guardar/marcar ciertas imágenes (presionando un marcador al lado de la imagen respectiva). Hay un botón para "Ver imágenes guardadas" en la parte superior, que le mostrará al usuario las imágenes que acaba de guardar. Al presionar el botón nuevamente (que se convierte en "Ver todas las imágenes"), el usuario puede ver todas las imágenes nuevamente.

La forma en que estoy representando la galería es la siguiente:

 {images.map((image, index) =< { if (viewSaved && savedImages.index(image) > -1) { return <Image data={image}/> } if (!viewSaved) { return <Image data={image} /> } } }

El problema aquí es que cuando el usuario está viendo imágenes guardadas y luego no guarda una imagen, desaparece porque se elimina de las imágenes guardadas inmediatamente. ¿Cómo mantengo este estado para que las imágenes guardadas no desaparezcan cuando las deshagas, mientras ves las imágenes guardadas?

Mi proceso de pensamiento es que necesito congelar el estado y luego solo actualizar ese estado cuando se hace clic en el botón viewSaved, pero no estoy seguro de cómo hacerlo de la manera correcta.