Get и Карта реагируют Js

Question

моя проблема здесь, я получаю базу данных и, конечно, я отображаю ее, к сожалению, в моем результате она показывает мне все данные, в то время как я хотел бы отображать только последние записанные данные. У вас есть идеи? Я позволю вам посмотреть следующий код, спасибо за вашу помощь, Neff

import React, { Component } from 'react';
import { CardText,  Col, } from 'reactstrap';
import axios from 'axios'

const entrypoint = process.env.REACT_APP_API_ENTRYPOINT+'/api';

class randomNumber  extends Component {

constructor(props) {
    super(props);
    this.state = {
        data: [],

    };
}
getRandom = async () => {        
    const res = await axios.get(
        entrypoint + "/alluserpls"
    )
    this.setState({ data: res.data })
}
componentDidMount() {
    this.getRandom()
}
render() {            
    let datas = this.state.data.map(datass => {
        return (
            <div>
              < Col sm="12" key={datass.id}>
           <div key="a"> 
      <CardText className="textForAdminPageButHereIsForRandomId">{datass.randomID}</CardText>
    </div>
  </Col>
            </div>
          )
        })
        return (    
                    <div className="box">  
                {datas}     
                </div>
        )
    }
}

экспорт по умолчанию randomNumber

Answer 1

Используйте индекс, чтобы выбрать нужные данные

В этом случае вам нужно будет найти последний индекс. это data.length - 1

Тогда вы можете получить самые последние данные, просто набрав data[data.length - 1]

let datas = (this.state.data && this.state.data.length) && this.state.data[this.state.data.length - 1];

return datas ? (    
<div className="box">  
  <div>
   < Col sm="12" key={datas.id}>
    <div key="a"> 
      <CardText className="textForAdminPageButHereIsForRandomId">{datas.randomID}      
      </CardText>
    </div>
  </Col>
 </div>     
</div>) : null;