0
191
ViewsAl recorrer las opciones de una lista, los únicos elementos que se muestran son la última opción (se muestra dos veces) y la penúltima opción (reaccionar JS nativo)
Estoy tratando de recorrer las opciones en una lista usando los botones izquierdo y derecho que llaman a las funciones cycleLeft() y cycleRight() , pero en cambio todo lo que obtengo es la penúltima opción que se muestra dos veces seguidas y luego la última opción que se muestra una vez . esto es para una aplicación nativa de reacción dentro de la función de la aplicación principal. cualquier ayuda es apreciada.
var gamesList = ["Quadratic", "Magic Square", "Settings", "Option 3"]; var index = 0; var game = gamesList[index]; const [gameText, setGameText] = useState(gamesList[index]); const [gameGame, setGameGame] = useState(gamesList[index]); const zAnim = useRef(new Animated.ValueXY({ x: 0, y: 1000 })).current; const cycleLeft = () => { index = index - 1; if (index < 0) { index = gamesList.length - 1; }; game = gamesList[index]; setGameText(gamesList[index]); console.log(game + " " + index); } const cycleRight = () => { index = index + 1; if (index > gamesList.length - 1) { index = 0; }; game = gamesList[index]; setGameText(gamesList[index]); console.log(game + " " + index); } 
·
Juan Pablo Isaza
1 answers
Answer question0
index debe tener estado en lugar de gameText
var gamesList = ["Quadratic", "Magic Square", "Settings", "Option 3"]; const [index, setIndex] = useState(0); const cycleLeft = () => { setIndex(prevIndex => prevIndex - 1 < 0 ? gamesList.length - 1 : prevIndex - 1); } const cycleRight = () => { setIndex(prevIndex => prevIndex + 1 > gamesList.length - 1 ? 0 : prevIndex + 1); } //just for logging useEffect(() => { console.log(gamesList[index]+ " " + index); }, [index]); Donde sea que esté usando gameText , puede usar gamesList[index] en su lugar.
·
Juan Pablo Isaza
Report
Answer question