یلدا ادامه داره... ❤️ ۴۰ درصد تخفیف همه دوره‌ها

استفاده از تخفیف‌ها
ثانیه
دقیقه
ساعت
روز
نیلوفر حریرچیان
5 سال پیش توسط نیلوفر حریرچیان مطرح شد
4 پاسخ

دسترسی به آرایه

سلام یه داده json دارم

[
{
"id": "1",
"name": "name 1",
"data": 90
},
{
"id": "2",
"name": "name 2",
"data": 42
},
{
"id": "3",
"name": "name 3",
"data": 2
}]

تو ری اکت بدون مپ کردن چجوری میتونم فقط یه آرایه از name ها داشته باشم؟


ثبت پرسش جدید
کامران داور
تخصص : Front-end developer
@kamran.davar 5 سال پیش مطرح شد
1
 const justNames= props.myArrey.map(item=>item.name)

منظور از مپ کردن این نیست برای هر آیتم یک بار کام\وننت VerticalChart صدا بزنید. منظور کدیه که بالا نوشتم.


حسام موسوی
تخصص : طراح و برنامه نویس
@hesammousavi 5 سال پیش مطرح شد
0

با map کردن میتونید اینکارو انجام بدید، مشکلی داره استفاده از map ؟ چون شما یه لیست جدید از name میخواید فقط واضع هست که از map باس استفاده بشه


نیلوفر حریرچیان
تخصص : Front End Developer
@niloofarharirchian90 5 سال پیش مطرح شد
0

@hesammousavi

من یه کامپوننت چارت دارم میخوام یه آرایه بهش پاس بدم ولی نمیخوام این چارت هی تکرار شه

const VerticalChart = () => {
  const data = {
    labels: ["M.Ebrahimi", "M.Sadedel", "F.Hajaghaiy"],
    datasets: [
      {
        label: "میزان پاسخ",
        backgroundColor: "#08ecd9",
        data: [631, 729, 757],
      },
    ],
  };
  return (
    <div className="content-section implementation"> 
      <h3>میزان پاسخ گویی نیروهای کال سنتر</h3>
      <Chart type="bar" data={data} />
    </div>
  );
};

تو parent ای پی ای صدا میکنم و Json رو میگیرم چجوری فقط یه آرایه از اسامی رو پاس بدم به چارت ولی هی تکرار نکنه؟


محسن بستان
تخصص : Senior Backend Developer
@mohsenbostan 5 سال پیش مطرح شد
0

@niloofarharirchian90
سلام.
می تونید داخل componentDidMount اون رو مپ کنید، و مقدار جدید رو جایگزین مقدار قبلی بکنید.


کامران داور
تخصص : Front-end developer
@kamran.davar 5 سال پیش مطرح شد
1
 const justNames= props.myArrey.map(item=>item.name)

منظور از مپ کردن این نیست برای هر آیتم یک بار کام\وننت VerticalChart صدا بزنید. منظور کدیه که بالا نوشتم.


برای ارسال پاسخ لازم است وارد شده یا ثبت‌نام کنید

ورود یا ثبت‌نام