问题标签 [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.
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-carousel
了npm i react-multi-carousel
. 我究竟做错了什么?任何帮助是极大的赞赏。
css - 修复多轮播中项目之间的间距
我正在尝试使用 react-multi-carousel 库来构建具有固定大小项目的响应式轮播。我也想修复项目之间的间距。但是,使用 react-multi-carousel,项目之间的空间取决于要显示的项目数量(在“响应式”中指定)。有没有办法让轮播响应元素之间的空间作为输入而不是元素的数量?即我想在 1024 台设备上显示固定大小的元素,它们之间有 32 像素的空间(在较小的设备中为 16 像素),而不关心显示了多少项目。
这种方法的问题是 2 个项目之间的空间变得非常大并且看起来很奇怪。我宁愿修复空间并以此为基础调整项目。我想到的一种解决方法是在窗口调整大小时根据屏幕宽度计算项目数。IE
我必须为此收听窗口调整大小事件。有没有更好的办法?
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 中有它)
非常感谢您的帮助!
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";
在两种环境中都运行良好。
非常感谢提前。
javascript - 如何检测用户是否点击了 react-multi-carousel 中的箭头?
如何检测用户是否单击了上一个/下一个箭头来切换 react-multi-carousel 中的自动播放值?
reactjs - 轮播元素外的按钮 [react-multi-carousel]
是否可以将左右两侧的箭头/按钮设置在轮播项目之外?
图书馆链接:
reactjs - React backgroundImage 无法始终如一地工作
当我的组件在另一个组件中使用时, backgroundImage 内联样式按预期工作。但是,当在react-multi-carousel中使用时,内联样式不再起作用。
开发工具显示样式有效,只是由于某种原因在屏幕上不可见。backgroundImage 是一个 url,但是硬编码的图像也不起作用。
任何帮助将不胜感激。
react-native - 我在 react-multi-carousel 上遇到错误
这是我的代码
这是我在代码中遇到的错误;
这是我到目前为止尝试过的,希望得到一些解决方案