Hello ! i need help , my deletePost delete wrong post because i use
post.reverse().map for appear post from newest to oldest
so i dont know if i fix this or change methode (.reverse())
mport React, { useContext, useEffect, useState } from "react";
import LikeButton from "./LikeButton";
import ModifPost from "./modifPostButton";
import Corbeille from "./deletePost";
import { useSelector } from "react-redux";
import { isEmpty } from "../Utils";
import '../../styles/Card.css';
import postReducer from "../../reducers/post.reducer";
import axios from "axios";
const Card = () => {
const postData = useSelector((state) => state.postReducer);
const userData = useSelector((state) => state.userReducer);
const [post, setPost] = React.useState([]);
const [user, setUser] = React.useState([]);
function getPosts() {
return axios
.get(`${process.env.REACT_APP_API_URL}api/post/`)
.then((res) => {
setPost(res.data);
}),[postData,userData]
}
getPosts();
return (
<div>
<h1 className="text-3xl font-bold underline">List Post</h1>
<section>
<>
{
!isEmpty(post[0]) &&
post.reverse().map((post) =>(
<div className="post" key={post._id}>
<div className="post-contenu">
<img src={post.picture} className="img" alt="images"></img>
</div>
<div className="post-action">
<LikeButton post={post}/>
<ModifPost post={post} userData={userData}/>
<Corbeille post={post} userData={userData} />
</div>
</div>
)
)}
</>
</section>
</div>
);
};
export default Card;