Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/node.js/34.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 在显示到前端时反转我的数据不起作用为什么。。?_Javascript_Node.js_Reactjs_Mongodb_React Native - Fatal编程技术网

Javascript 在显示到前端时反转我的数据不起作用为什么。。?

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

这是我的reactjs代码,我想反转数据并显示在屏幕一侧,但reverse()不起作用。该怎么办。。?我不明白为什么我的代码会出现这种情况。。!谁能帮我反转数据并显示前端(客户端)。。。。!请帮忙

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())