Проблема, с которой вы сталкиваетесь, скорее всего связана с тем, что вы не обновляете значения `targetIndex` и `viewTargetIndex` в нужный момент, когда запускаются новые вращения. Это может быть связано с тем, как вы обрабатываете состояние в функции `multiSpins`.
Чтобы решить эту проблему, убедитесь, что ваше состояние обновляется корректно на каждом шаге. Вот несколько рекомендаций, которые могут помочь в этом:
1. **Используйте `setState` с функцией**:
Когда вы обновляете состояние в React, используйте функцию-обертку в `setState`, чтобы гарантировать, что значения обновляются на основе текущих значений состояния.
Например:
```javascript
setTargetIndex(prevTargetIndex => newValue);
```
2. **Правильное использование промисов и асинхронных функций**:
Убедитесь, что промисы ожидают фактического изменения состояния. В зависимости от вашей реализации, вам может понадобиться использовать `async/await` или `then`, чтобы убедиться, что вы дожидаетесь завершения каждого шага, прежде чем начинать следующий.
3. **Дебаггинг**:
Используйте `console.log` для отслеживания значений `targetIndex` и `viewTargetIndex` на каждом шаге. Это даст вам понять, когда они обновляются и когда остаются прежними.
4. **Замыкания**:
Проверьте, не создается ли замыкание на старых значениях ваших переменных, особенно если вы передаете функции как колбэки. Если вы передаете функцию, которая ссылается на значение переменной, измененной после создания этой функции, она будет использовать устаревшее значение.
Если проблему все еще не удается решить, попробуйте предоставить более конкретные части кода, связанные с `multiSpins`, а также код, который обновляет `targetIndex` и `viewTargetIndex`. Это поможет более точно определить источник проблемы и предложить оптимальное решение.