React JS - How to set Related Post Section in our Fronted By fetching data from Backend for similar category and other stuff

Question

To render related posts in each section from posts what can I add in my code to render related posts category-wise for simplicity for users...

Sectioninner.js

 import React, { useState, useEffect,useRef } from 'react'
 import { Swiper, SwiperSlide } from 'swiper/react';
import { Navigation, Pagination, Scrollbar, A11y } from 'swiper';
 
 function Sectioninner() {

 {postsd.map((post) => {
                return (
                    <div key= {post._id}className="hey">
                        {post &&
 <div className="relatedmoviescontent">
                                    <h3 className='relatedmoviesheading'>Related Movies</h3>
                                    <div className='swipercontainer'>
                                        <Swiper
                                            modules={[Navigation, Pagination, Scrollbar,A11y]}
                                            spaceBetween={0}
                                            slidesPerView={1}
                                            navigation
                                        >
                                            <SwiperSlide>Slide 1</SwiperSlide>
                                            <SwiperSlide>Slide 2</SwiperSlide>
                                            <SwiperSlide>Slide 3</SwiperSlide>
                                            <SwiperSlide>Slide 4</SwiperSlide>
                                        </Swiper>
                                    </div>

                                </div>
)}
}
export default Sectioninner