array print in react consloe from json

 

কোড কী করছে

// brand
const brandResponse = await axios.get(
  'http://127.0.0.1:8000/api/user/fetch/brand'
);

brandResponse.data.data.map((item, index) => {
  console.log(index, item.brand_name, item.total_visits);
});

ধাপে ধাপে ব্যাখ্যা (সহজ ভাষায়)

1. API call

axios.get(...)

সার্ভার থেকে brand list আনছে

2. Response structure

brandResponse.data.data

এখানে data হলো একটি array
উদাহরণ:

[
  { "brand_name": "Clinic Plus", "total_visits": 1 },
  { "brand_name": "Dove", "total_visits": 5 }
]

3. map() ব্যবহার

.map((item, index) => { ... })

array এর প্রতিটা item এর উপর loop চালাচ্ছে

4. console output

console.log(index, item.brand_name, item.total_visits);

Console এ দেখাবে:

0 Clinic Plus 1
1 Dove 5

---

ছোট টিপস (Best Practice)

যেহেতু তুমি শুধু console log করছো, map() এর বদলে forEach() ব্যবহার করা ভালো:

brandResponse.data.data.forEach((item, index) => {
  console.log(index, item.brand_name, item.total_visits);
});

কারণ:

• map() → নতুন array বানানোর জন্য

• forEach() → শুধু loop/console/log এর জন্য