react-slick

问题 I was trying to implement React slick's multiple items carousel. The desired result is given below but I want the center element to pop out a little just like But I'm able to get this far I want only three elements visible at a time and center element to be popped out. Here is my code. import React, { Component } from 'react' import Slider from "react-slick"; import DemoGuy from './DemoGuyMentors.png'; import "slick-carousel/slick/slick.css"; import "slick-carousel/slick/slick-theme.css";

来源： https://stackoverflow.com/questions/63979625/my-component-is-not-reading-imported-slick-css

来源： https://stackoverflow.com/questions/63979625/my-component-is-not-reading-imported-slick-css

问题 React beginner here. My app uses create-react-app, and I'm pulling in react-slick for a carousel. I'm trying to follow the directions that are provided in the setup for react-slick, but the following doesn't work for me: @import "~slick-carousel/slick/slick.css"; @import "~slick-carousel/slick/slick-theme.css"; I get the following error: ./src/components/Homepage.scss Module not found: Can't resolve '~slick-carousel/slick/slick.css' in '/Users/simon/Dev/frischideas/site-new/src/components' It

问题 I have set up the prop to pass to react-slick Slider as follows: const settings = { customPaging: function(i) { return <a><div>{`Test ${i}`}</div></a> } }; And pass it into the slider as: <Slider {...settings}> {this.Slides()} </Slider> yet when I test the component I do not get the custom paging that I expected - where I would expect to see the text 'Test 0' I still see the default dot. I took a look at the custom paging example in the documentation and nothing stood out to me as being

问题 I hope this is not a "big ask" but I'm stuck. I asked this issue on github issues#1334 but I have not got any responsive from the maintainers of the project. Hopefully I can get help here. Overview My issue is that I'm trying to adjust the variable width slider (from react-slick documentation) in order to be: finite responsive (to different viewports) (if possible to display as many slides according to viewport width) scroll only 100% visible slides slides should fill the div display area

问题 I am using react-slick to create a carousel in my project. I've read through the documents and tried different things but could not find a way to customize it exactly the way I need... Does anyone knows if there a way to have the nextArrow show on/in front of the image and not on its right? See image below for desired result: image Thanks for your help! 回答1: If anyone tries to achieve the same result, the way to do it is with some css: .slick-next { right: 25px; } 回答2: You can try this way