عمل map لمصفوفة و عرض محتوايتها داخل carousel bootstrap فيReactJs

يمكنك ذلك بالطريقة التالية :

import React from "react";
import { Carousel } from "react-bootstrap";

const reviews = [ //المصفوفة التي تحوي البيانات المراد عرضها
  {
    id: 1,
    image: "an image url",
    author: "john doe"

  },
  {
    id: 2,
    image: "an image url",
    author: "jane doe"
  },
  {
    id: 3,
    image: "an image url",
    author: "dane doe"
  }
]

function Entry() {//المكون
  return (
      <Carousel>//المكون الخاص ب بوتستراب
    
    //هنا نقوم بعملة الدخول الى المصفوفة وعرضة محتوياتها
        {reviews.map(review => (
         //نعرض المكون لكل عنصر في المصفوفة
          <Carousel.Item key={review.id}>
            <img
              src={review.image}
              alt={review.author}
            />
          </Carousel.Item>
    
        ))}

      </Carousel>
  );
}

export default Entry;