должен привести в Json
взять из полученного обьекта массив Users, и только тогда уже делать сорт
как использовать sort в нутри метода map
import React, { Component } from 'react';
import { connect } from 'react-redux';
import { personsFetchData } from '../Actions/persons';
class PersonsData extends Component {
componentDidMount() {
this.props.fetchData('Some api');
}
render() {
const { users } = this.props.persons;
// сортируем
users.sort((a, b) => a.registration_timestamp - b.registration_timestamp)
// готово
console.log(users)
return(
<ul style={{display: 'flex'}}>
{ users ? users.map(user => {
const userDataRegTime = user.registration_timestamp;
console.log(userDataRegTime);
<li style={{margin: '20px'}} key={ user.id }>
<div><img src={ user.photo } style={{width: '30px'}}></img></div>
<div><h2> { user.name } </h2></div>
<div><p> { user.position } </p></div>
<div><p> { user.phone } </p></div>
</li>
}) : null }
</ul>
);
}
}
const mapStateToProps = state => ({
persons: state.persons
});
const mapDispatchToProps = dispatch => ({
fetchData: url => dispatch(personsFetchData(url)),
});
export default connect(mapStateToProps, mapDispatchToProps)(PersonsData);
users.sort((a, b) => b.registration_timestamp - a.registration_timestamp)
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
должен сработать мой фрагмент, [...searchingBy] это то же самое что сплит