import React, { Component } from 'react'
import ReactDOM from 'react-dom'
import Slider from 'react-slick'
import 'slick-carousel/slick/slick.css'
import 'slick-carousel/slick/slick-theme.css'
import './style.css'
class VerticalAndFade extends Component {
refSlider = React.createRef()
componentDidMount() {
console.log(this.refSlider.current)
console.log(this.refSlider.current.props.children)
}
render() {
const settings = {
dots: true,
infinite: true,
vertical: true,
// verticalSwiping: true,
fade: true,
beforeChange: function (currentSlide, nextSlide) {
console.log('before change', currentSlide, nextSlide);
},
afterChange: function (currentSlide) {
console.log('after change', currentSlide);
},
};
return (
<div>
<h2>Vertical & Fade Mode</h2>
<Slider {...settings} ref={this.refSlider}>
<div><h3>1</h3></div>
<div><h3>2</h3></div>
<div><h3>3</h3></div>
<div><h3>4</h3></div>
<div><h3>5</h3></div>
<div><h3>6</h3></div>
</Slider>
</div>
);
}
}
ReactDOM.render(
<VerticalAndFade />,
document.getElementById('root')
);
[options] {Object}
[select] {Object | String} - Fields to return (by default returns all fields). Documentation
так он уже json, то есть JavaScript Object
так точно
мммм лучше не надо, лучше отдельно сортировать массив перед сохранением в стор redux, его ведь надо отсортировать 1 раз при получении, а не каждый раз сортировать массив заново при каждом рендере, правда?
в общем так должно сработать, но лучше бы сорт перенести в другое место
UPD
добавлю, что местами поменять здесь, чтобы отсортировалось в обратном порядке :)