问题标签 [pure-react-carousel]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
reactjs - 如何在反应多轮播中居中图像?
我是新手,尝试使用 react-multi-carousel 构建品牌轮播。图像显示正确,但我想使图像居中。试图写 css 它不适用于轮播。这是如何实现的,或者我必须使用任何其他轮播?`
reactjs - 如何减少我的反应轮播上可见的产品数量?
我创建了一个带有反应的产品轮播,它有 10 个产品,但我只想一次最多显示 4 个产品,我尝试减小宽度,但没有奏效。还查看了轮播的文档,但找不到此https://www.npmjs.com/package/pure-react-carousel#component-properties-props的解决方案
这是轮播的 git 仓库https://github.com/RMP1992/react-product-carousel
反应轮播组件
CSS
reactjs - 无法在纯反应轮播中使用上下文
我想获取当前的幻灯片索引,所以我正在尝试使用 CarouselContext。这是我从文档中得到和使用的:
但是当我运行这段代码时,这就是我得到的:
显然, carouselContext 未定义,尝试读取 carouselContext.state.currentSlide 给了我这个错误。我怎样才能解决这个问题?
reactjs - react-spring-3d-carousel issue in automatic sliding
I want to play my react spring slider to automate sliding after a certain time passes. I have also used auto Play prop with interval props but still I am facing this problem my carosel not sliding automatically. Here, is my code
reactjs - 无法在 pure-react-carousel 内的输入字段中输入任何内容
我正在使用 pure-react-carousel 开发多步骤表单的功能。我正在使用自定义组件(它们是表单)作为幻灯片,但无法在输入字段中输入任何内容,输入字段没有专注于在任何幻灯片中单击它们。有人可以帮我吗,我怎样才能在输入字段中输入?
javascript - 如何使轮播仅在光标在其上而不是在窗口上的任何位置滚动时滚动?
我在我的应用程序中使用 react-elastic-carousel 在四个组件之间垂直滚动,并且每个组件在滚动时都有一些信息要显示。我想要做的是滚动功能应该只在光标在轮播上时才会发生,而不是像现在正在发生的页面上的任何地方。我怎样才能使任何建议成为可能?非常感谢。
这是我到目前为止所做的:
codeandbox.io/s/compassionate-leftpad-zzueys?file=/src/App.js
新闻.js:
应用程序.js: