当用户单击后退和前进按钮时，我如何使该 div 标签动态化，数字需要更改

问题描述

单击向后或向前箭头时，我想更改当前幻灯片上的 div 标签编号示例，数字应为 1/2 并点击前进按钮，数字应该从 2/2 改变

>         function AssignedMentorsCarousel() {
>               const [currentSlide,setCurrentSlide] = useState(0);
>               const dispatch = useAppdispatch();
>               const Mentors = useSelector(authSelectors.Mentors);
>               useEffect(() => {
>                 dispatch(getMentors());
>               },[]);
>               return (
>                 <div>
>                   <div className="d-flex justify-content-between align-items-start">
>                     <h5 className="mb-3">Assigned Mentors</h5>
>                     <div className="d-flex flex-row align-items-center">
>                       <IoIosArrowBack
>                         className="carousel_arrow"
>                         onClick={() => {
>                           if (currentSlide > 0) {
>                             setCurrentSlide(currentSlide - 1);
>                           }
>                         }}
>                       />
>                       <div>1/2</div>
>                       <IoIosArrowForward
>                         onClick={() => {
>                           if (currentSlide < 2) {
>                             setCurrentSlide(currentSlide + 1);
>                           }
>                         }}
>                         className="carousel_arrow"
>                       />
>                     </div>
>                   </div>
>                   <div>
>                     <Carousel
>                       showArrows={false}
>                       showStatus={false}
>                       selectedItem={currentSlide}
>                       showIndicators={false}
>                       showThumbs={false}
>                     >
>                       {Mentors?.map((item: any) => {
>                         return <InstructorCard details={item.users} />;
>                       })}
>                     </Carousel>
>                   </div>
>                 </div>
>               );
>             }

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）