问题标签 [react-multi-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.

0 投票
1 回答
259 浏览

javascript - 简单的 React-multi-carousel 示例失败

我正在尝试运行以下基本用法react-multi-carousel

但我越来越Error: Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: undefined. You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports. Check the render method of 'MyComponent'.

我已经安装react-multi-carouselnpm i react-multi-carousel. 我究竟做错了什么?任何帮助是极大的赞赏。

0 投票
1 回答
1358 浏览

css - 修复多轮播中项目之间的间距

我正在尝试使用 react-multi-carousel 库来构建具有固定大小项目的响应式轮播。我也想修复项目之间的间距。但是,使用 react-multi-carousel,项目之间的空间取决于要显示的项目数量(在“响应式”中指定)。有没有办法让轮播响应元素之间的空间作为输入而不是元素的数量?即我想在 1024 台设备上显示固定大小的元素,它们之间有 32 像素的空间(在较小的设备中为 16 像素),而不关心显示了多少项目。

这种方法的问题是 2 个项目之间的空间变得非常大并且看起来很奇怪。我宁愿修复空间并以此为基础调整项目。我想到的一种解决方法是在窗口调整大小时根据屏幕宽度计算项目数。IE

我必须为此收听窗口调整大小事件。有没有更好的办法?

0 投票
0 回答
922 浏览

javascript - Nextjs 和 react-multi-carousel - 生产构建未正确呈现

希望你能帮助我,因为这个问题让我发疯。我在 NextJs 中将 react-multi-carousel 用于我的登录页面,并在另一个页面中再渲染 2 个轮播,并且在开发环境中正确渲染应用样式时,在生产中无法正常工作。

我在主 CSS 和 _app.js 中导入样式表。我已经尝试了“一切”,这让我完全发疯了。我附上了我的代码的某些部分。

我有一个与 react-datepicker 类似的问题,我通过在 _app.js 的头部链接 cdnjs 解决了这个问题,但 react-multi-carousel 似乎没有 cdnjs。

这是 _app.js

index.css(我在路径 public/styles/index.css 中有它)

非常感谢您的帮助!

0 投票
0 回答
696 浏览

reactjs - 引导程序未在 NextJs 中加载

我正在尝试制作包含引导程序的简单 NextJs 应用程序。

包.json:

next.config.js:

页面/_app.tsx:

页面/index.tsx:

我已经在_app.tsx里面进行了导入和使用,index.tsx但这在 localhost 中工作得非常好,但在部署的 vercel app 中却不行(projectname.vercel.app)..

您能否帮我弄清楚我上面的代码做错了什么,导致引导 css 不能单独加载到生产环境中?

但是这个 css 导入import "../styles/styles.scss";在两种环境中都运行良好。

非常感谢提前。

0 投票
2 回答
1056 浏览

javascript - 如何检测用户是否点击了 react-multi-carousel 中的箭头?

如何检测用户是否单击了上一个/下一个箭头来切换 react-multi-carousel 中的自动播放值?

0 投票
0 回答
826 浏览

reactjs - 如何将箭头放在红色边框的中心和外部?React-多轮播

我正在使用 react-multi-carousel,我想做的是始终在边界框的中间和外部放置箭头,我该怎么做?css中有什么技巧可以完成这个吗?

我尝试将 react-multiple-carousel__arrow--left 和 react-multiple-carousel__arrow--rightft 与绝对位置放置,但这将始终将箭头放在页面顶部。以下是我到目前为止的代码... 箭头

0 投票
1 回答
1685 浏览

reactjs - 轮播元素外的按钮 [react-multi-carousel]

是否可以将左右两侧的箭头/按钮设置在轮播项目之外?

图书馆链接:

在此处输入图像描述

0 投票
0 回答
30 浏览

reactjs - React backgroundImage 无法始终如一地工作

当我的组件在另一个组件中使用时, backgroundImage 内联样式按预期工作。但是,当在react-multi-carousel中使用时,内联样式不再起作用。

开发工具显示样式有效,只是由于某种原因在屏幕上不可见。backgroundImage 是一个 url,但是硬编码的图像也不起作用。

任何帮助将不胜感激。

0 投票
1 回答
133 浏览

react-native - 我在 react-multi-carousel 上遇到错误

这是我的代码

这是我在代码中遇到的错误;

这是我到目前为止尝试过的,希望得到一些解决方案

0 投票
1 回答
144 浏览

react-multi-carousel - 如何使用带有打字稿的 react-multi-carousel

我需要一个与下图完全相同的组件。 react-multi-carousel 无限模式

图像代码在这里,但我需要打字稿的代码。并且复制代码不起作用!任何机构都可以通过https://codesandbox.io/中的示例提供帮助。

多谢