我的问题在这里,我得到一个数据库,当然我将它映射到我的结果中,不幸的是它显示了所有数据,而我只想显示最后记录的数据,你知道吗?我让您观看以下代码,谢谢您的帮助 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>
)
}
}
导出默认随机数
最佳答案
使用索引来挑选你想要的数据
在这种情况下,您将需要找到最后一个索引。这是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;
关于javascript - 获取和映射 react Js,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/59770349/