راکت
حل شده

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

4 پاسخ

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

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

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

ثبت پرسش جدید

پاسخ‌ها

4
کامران داور
کامران داور
@kamran.davar

تخصص: Front-end developer

بهترین پاسخ
 const justNames= props.myArrey.map(item=>item.name)

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

حسام موسوی
حسام موسوی
@hesammousavi

تخصص: طراح و برنامه نویس

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

نیلوفر حریرچیان
نیلوفر حریرچیان
@niloofarharirchian90

تخصص: Front End Developer

@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 رو میگیرم چجوری فقط یه آرایه از اسامی رو پاس بدم به چارت ولی هی تکرار نکنه؟

شاید پاسخ شما همین‌جا باشد

محسن بستان
محسن بستان
@mohsenbostan

تخصص: Senior Backend Developer

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

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

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