Buenas tengo un problema de comunicación entre componentes, quiero poner la pregunta aqui ya que no es tanto de solucionar mi problema como de enfocarlo. Voy a poneros en situación sobre el problema.
Tenemos una galeria de fotos que se muestran en filas de 3 columnas cada una.
foto-1 foto-2 foto-3
foto-4 foto-5 foto-6
Cada foto tiene un boton para borrarlo, al darle a ese boton aparece una confirmacion con 2 botones: OK y Cancelar(No hace falta describirlos).
Cada foto-n
es un component hijo del component padre, es decir:
<component-padre>
(bucle inicio)
<component-foto><component-foto> //se repite n veces pero no es el mismo, sino que hay muchos.
(bucle fin)
</component-padre>
Dicho todas estas aclaraciones voy a poner un caso de uso/ejemplo de donde tengo el problema:
Cuando clicko en borrar en un componente hijo (foto-n
) me advierte si quiero borrarlo seguro (OK y cancelar). Si clicko en OK me borra la foto-n
pero la foto-(n+1)
ocupa ahora su lugar, entonces el estado de confirmacion de borrado esta activado aun siendo otro component, pero este coge el estado del que fue borrado. Pienso que es porque al haber ocupado la posicion del eliminado este cogera alguna info automaticamente, cabe destacar que el nombre de la foto-(n+1)
y todo lo demas esta correcto, solo que aparece con la confirmacion en vez de aparecer el boton borrar como corresponderia.
¿Que solución le podria dar a esto?¿Aviso desde el padre a todo el bucle si es asi como seria la mejor forma?
Un saludo.