Comments (2)
The problem you're passing new gallery items on the render(anti-pattern): items={products.map(product => galleryItems(product))}
. Each time, the gallery gets new items and calculates the initial props. The property slideToIndex
not included in this process(startIndex only). Save items in the state or specify startIndex
property together with slideToIndex
.
Maybe in one of the next releases i'll implement a new logic and include both properties for initial calculation. But this is not an obvious case, and additional research is needed.
from react-alice-carousel.
THanks @maxmarinich. You were right, it is working now. 👍
from react-alice-carousel.
Related Issues (20)
- 22:5 Error: Missing "key" prop for element in array react/jsx-key
- Set the distance of each swipe HOT 1
- move arrow position HOT 1
- Error: Hydration failed because the initial UI does not match what was rendered on the server. HOT 1
- Hydration and Text content does not match server-rendered HTML with Next 13 App Router HOT 1
- Support for CSS/SCSS modules HOT 1
- Carousel Memory Leak HOT 1
- images to the left instead of center HOT 1
- SyntaxError: Unexpected token '.'
- How to put arrows for navigation on the sides like in the example HOT 2
- force update or similar ? HOT 2
- react alice carousel alice-carousel__stage-item width not updating on parent element resize HOT 5
- Is there a way to have an onUpdate method? HOT 3
- onUpdate callback? HOT 6
- onUpdate callback? HOT 1
- Touchpad scrolling
- ActiveIndex not working HOT 1
- Navigation issue HOT 3
- Centering the items HOT 3
- onSlideChanged is not working. HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from react-alice-carousel.