Estoy desarrollando una aplicación VOD para TV y tengo un problema con la actualización de un elemento dentro de un componente de diapositiva. Básicamente, cuando un cliente se enfoca en cualquiera de las diapositivas, llama a un método que almacena su ID en el estado y luego, uno de sus hijos verifica si el estado almacenado es igual al estado del elemento seleccionado y, de ser así, lo procesa. Al enfocar, establece el estado en nulo. Lo extraño es que en la mayoría de las instancias del componente esto funciona, pero algunas de ellas (y siempre las mismas instancias) no se actualizarán.

PSEUDOCODIGO:

 handleFocus(id){setFocused(id)} // Sets the id to state handlefocusout(){setFocused(null)} // resets state {isFocused === item.id && <div/>} // checks if state === id and renders

Mi TL y yo no sabemos por qué no funcionará en algunas de las instancias y, a menos que me equivoque, siempre es en las mismas. Eso sí, el contenido de las instancias proviene de la misma respuesta JSON y tienen el mismo contenido (por lo tanto, instancia).