Javascript 在显示到前端时反转我的数据不起作用为什么。。?
这是我的reactjs代码,我想反转数据并显示在屏幕一侧,但reverse()不起作用。该怎么办。。?我不明白为什么我的代码会出现这种情况。。!谁能帮我反转数据并显示前端(客户端)。。。。!请帮忙Javascript 在显示到前端时反转我的数据不起作用为什么。。?,javascript,node.js,reactjs,mongodb,react-native,Javascript,Node.js,Reactjs,Mongodb,React Native,这是我的reactjs代码,我想反转数据并显示在屏幕一侧,但reverse()不起作用。该怎么办。。?我不明白为什么我的代码会出现这种情况。。!谁能帮我反转数据并显示前端(客户端)。。。。!请帮忙 import React, { useEffect, useState } from "react"; import { getBlogs } from "../helper/coreapicalls"; import ImageHelper from &quo
import React, { useEffect, useState } from "react";
import { getBlogs } from "../helper/coreapicalls";
import ImageHelper from "../helper/ImageHelper";
import { Link } from "react-router-dom";
import Footer from "../Footer/Footer";
const Blog = (blog) => {
const [blogs, setBlog] = useState([]);
const [error, seterror] = useState(false);
useEffect(() => {
loadBlog();
}, []);
const loadBlog = () => {
getBlogs().then((data) => {
if (data.error) {
seterror(data.error);
} else {
setBlog(data);
// console.log(data);
}
});
};
// console.log(blogs);
return (
<div>
<div className="container py-md-5 py-3">
<h1 className="blog_heading">ALL BLOGS</h1>
<div className="row">
{blogs.reverse().map((blog, index) => (
<div className="col-lg-4 col-md-6 col-12" key={index}>
<Link to={`/blog/${blog._id}`} className="Blog_card_link">
<div className="card my-2 shadow">
<ImageHelper blog={blog} />
<div className="card-body">
<h5 className="card-title">
{blog.title.substring(0, 75) + " ..."}
</h5>
<div
className="description"
dangerouslySetInnerHTML={{
__html: blog.description.substring(0, 100) + " ...",
}}
/>
<Link
type="btn"
to={`/blog/${blog._id}`}
className="forMore_btn "
>
For More
</Link>
</div>
</div>
</Link>
</div>
))}
</div>
</div>
<Footer />
</div>
);
};
export default Blog;
import React,{useffect,useState}来自“React”;
从“./helper/coreapicalls”导入{getBlogs};
从“./helper/ImageHelper”导入ImageHelper;
从“react router dom”导入{Link};
从“./Footer/Footer”导入页脚;
const Blog=(Blog)=>{
const[blogs,setBlog]=useState([]);
const[error,seterror]=useState(false);
useffect(()=>{
loadBlog();
}, []);
const loadBlog=()=>{
getBlogs()。然后((数据)=>{
if(data.error){
设置错误(data.error);
}否则{
日志(数据);
//控制台日志(数据);
}
});
};
//日志(博客);
返回(
所有博客
{blogs.reverse().map((blog,index)=>(
{blog.title.substring(0,75)+“…”}
更多
))}
);
};
导出默认博客;
这是前端(客户端)的图像
是的!设置状态时尝试反转数据:
setBlog(data.reverse())代码>