Descripción del problema:
Recientemente, el proyecto utilizado reaccionó, y es necesario mostrar un carrusel de compra, luego encontré el componente antd-mobile para que coincida (tengo que vomitar, este antd-mobile lo vi, vomité una vez, nada de nada Amistoso)
Bien, después de que terminen los vómitos, pasemos al tema.
Con este componente, veo que la demostración es bastante simple, y luego copié su demostración, OK, no hay duda. Pero cuando utilicé los datos obtenidos del servidor para renderizar, surgió el problema y no rotó. Después de todo tipo de operaciones, finalmente descubrí que asignamos una lista. El valor predeterminado inicial es una matriz vacía, la altura mínima predeterminada, que no produce rotación, y los datos estáticos que escribimos son predeterminados, así que no hay problema.
De acuerdo Revisé esta pregunta en Internet, lo más común es agregar un estado, y luego, de acuerdo con este cambio de estado en el gancho del componente UpdateUp para controlar la visualización del componente, porque uso un gancho, en useEffect con la nueva lista, todavía no funciona. Finalmente, controlo la pantalla en función de este estado. La forma más sencilla es controlar si este componente tiene la longitud de la lista. También logra el efecto, y no es necesario controlar específicamente según un estado.
El siguiente es un diagrama de ejemplo:
