How to use the react-slick function in react-slick
To help you get started, we’ve selected a few react-slick examples, based on popular ways it is used in public projects.
Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.
godaner / vm-engine / vm-backend / src / main / resources / static / node_modules / antd / lib / carousel / index.js View on Github 
if (typeof window !== 'undefined') {
var matchMediaPolyfill = function matchMediaPolyfill(mediaQuery) {
return {
media: mediaQuery,
matches: false,
addListener: function addListener() {},
removeListener: function removeListener() {}
};
};
window.matchMedia = window.matchMedia || matchMediaPolyfill;
}
// Use require over import (will be lifted up)
// make sure matchMedia polyfill run before require('react-slick')
// Fix https://github.com/ant-design/ant-design/issues/6560
// Fix https://github.com/ant-design/ant-design/issues/3308
var SlickCarousel = require('react-slick')['default'];
var Carousel = function (_React$Component) {
(0, _inherits3['default'])(Carousel, _React$Component);
function Carousel(props) {
(0, _classCallCheck3['default'])(this, Carousel);
var _this = (0, _possibleConstructorReturn3['default'])(this, (Carousel.__proto__ || Object.getPrototypeOf(Carousel)).call(this, props));
_this.onWindowResized = function () {
// Fix https://github.com/ant-design/ant-design/issues/2550
var slick = _this.refs.slick;
var autoplay = _this.props.autoplay;
if (autoplay && slick && slick.innerSlider && slick.innerSlider.autoPlay) {
slick.innerSlider.autoPlay();media: mediaQuery,
matches: false,
addListener: function addListener() {},
removeListener: function removeListener() {}
};
}; // ref: https://github.com/ant-design/ant-design/issues/18774
if (!window.matchMedia) window.matchMedia = matchMediaPolyfill;
} // Use require over import (will be lifted up)
// make sure matchMedia polyfill run before require('react-slick')
// Fix https://github.com/ant-design/ant-design/issues/6560
// Fix https://github.com/ant-design/ant-design/issues/3308
var SlickCarousel = require('react-slick')["default"];
var Carousel =
/*#__PURE__*/
function (_React$Component) {
_inherits(Carousel, _React$Component);
function Carousel(props) {
var _this;
_classCallCheck(this, Carousel);
_this = _possibleConstructorReturn(this, _getPrototypeOf(Carousel).call(this, props));
_this.saveSlick = function (node) {
_this.slick = node;
};return {
media: mediaQuery,
matches: false,
addListener: function addListener() {},
removeListener: function removeListener() {}
};
};
window.matchMedia = window.matchMedia || matchMediaPolyfill;
} // Use require over import (will be lifted up)
// make sure matchMedia polyfill run before require('react-slick')
// Fix https://github.com/ant-design/ant-design/issues/6560
// Fix https://github.com/ant-design/ant-design/issues/3308
var SlickCarousel = require('react-slick')["default"];
function CustomArrow(props) {
var className = props.className,
style = props.style,
onClick = props.onClick;
return React.createElement("div", {
className: className,
style: __assign(__assign({}, style), {
display: "flex"
}),
onClick: onClick
});
}
var Carousel =
/** @class */return {
media: mediaQuery,
matches: false,
addListener: function addListener() {},
removeListener: function removeListener() {}
};
};
window.matchMedia = window.matchMedia || matchMediaPolyfill;
} // Use require over import (will be lifted up)
// make sure matchMedia polyfill run before require('react-slick')
// Fix https://github.com/ant-design/ant-design/issues/6560
// Fix https://github.com/ant-design/ant-design/issues/3308
var SlickCarousel = require('react-slick')["default"];
function CustomArrow(props) {
var className = props.className,
style = props.style,
onClick = props.onClick;
return React.createElement("div", {
className: className,
style: __assign(__assign({}, style), {
display: "flex"
}),
onClick: onClick
});
}
var Carousel =
/** @class */if (typeof window !== 'undefined') {
var matchMediaPolyfill = function matchMediaPolyfill(mediaQuery) {
return {
media: mediaQuery,
matches: false,
addListener: function addListener() {},
removeListener: function removeListener() {}
};
};
window.matchMedia = window.matchMedia || matchMediaPolyfill;
}
// Use require over import (will be lifted up)
// make sure matchMedia polyfill run before require('react-slick')
// Fix https://github.com/ant-design/ant-design/issues/6560
// Fix https://github.com/ant-design/ant-design/issues/3308
var SlickCarousel = require('react-slick')['default'];
var Carousel = function (_React$Component) {
_inherits(Carousel, _React$Component);
function Carousel(props) {
_classCallCheck(this, Carousel);
var _this = _possibleConstructorReturn(this, (Carousel.__proto__ || Object.getPrototypeOf(Carousel)).call(this, props));
_this.onWindowResized = function () {
// Fix https://github.com/ant-design/ant-design/issues/2550
var slick = _this.refs.slick;
var autoplay = _this.props.autoplay;
if (autoplay && slick && slick.innerSlider && slick.innerSlider.autoPlay) {
slick.innerSlider.autoPlay();media: mediaQuery,
matches: false,
addListener: function addListener() {},
removeListener: function removeListener() {}
};
}; // ref: https://github.com/ant-design/ant-design/issues/18774
if (!window.matchMedia) window.matchMedia = matchMediaPolyfill;
} // Use require over import (will be lifted up)
// make sure matchMedia polyfill run before require('react-slick')
// Fix https://github.com/ant-design/ant-design/issues/6560
// Fix https://github.com/ant-design/ant-design/issues/3308
var SlickCarousel = require('react-slick')["default"];
var Carousel =
/*#__PURE__*/
function (_React$Component) {
_inherits(Carousel, _React$Component);
function Carousel(props) {
var _this;
_classCallCheck(this, Carousel);
_this = _possibleConstructorReturn(this, _getPrototypeOf(Carousel).call(this, props));
_this.saveSlick = function (node) {
_this.slick = node;
};
