• 1401/02/30

length array :

استاد این کد مشابه شما کار نمیکنه و ارور متد میده :  ولی وقتی به جای  showContacts.length >0 از showContacts خالی استفاده میکنم کار میکنه ، اینترنت رو زیر رو کردم پاسخی پیدا نکردم 

import Contact from "./Contact";
import React from "react";
import ax from "../../assets/no result.gif";
const Contacts = ({ showContacts }) => {
  return (
    <>
      <section className="container">
        <button className="btn btn-secondary my-4">ایجاد مخاطب جدید </button>
      </section>
      <section className="container col-6 my-2" dir="rtl">
        <div className="row">
          {showContacts.length >0   ? (
            showContacts.map((item) => (
              <Contact key={item.id} showContacts={item} />
            ))
          ) : (
            <div className="text-center p-2">
              <h3>مخاطب یافت نشد</h3>
              <img src={ax} alt="no result" className="w-50" />
            </div>
          )}
        </div>
      </section>
    </>
  );
};

export default Contacts;
  • 1401/02/30
  • ساعت 00:24

ولی اینجوری کار میکنه 

import Contact from "./Contact";
import React from "react";
import ax from "../../assets/no result.gif";
const Contacts = ({ showContacts }) => {
  return (
    <>
      <section className="container">
        <button className="btn btn-secondary my-4">ایجاد مخاطب جدید </button>
      </section>
      <section className="container col-6 my-2" dir="rtl">
        <div className="row">
          {showContacts ? (
            showContacts.map((item) => (
              <Contact key={item.id} showContacts={item} />
            ))
          ) : (
            <div className="text-center p-2">
              <h3>مخاطب یافت نشد</h3>
              <img src={ax} alt="no result" className="w-100" />
            </div>
          )}
        </div>
      </section>
    </>
  );
};

export default Contacts;

  • 1401/02/30
  • ساعت 03:05

سلام دوست من

در App مقدار پیشفرض state تعریف شده showContacts رو برابر [] آرایه خالی قرار دادی؟


  • 1401/02/30
  • ساعت 04:13

بله استاد


  • 1401/02/30
  • ساعت 14:21

استاد مشکل رو از استک اورفلو حل کردم ولی دلیلش رو متوجه نشدم میشه توضیح بدید این سینتکس رو برام ؟


  • 1401/02/30
  • ساعت 14:26

توضیحاتی که داده بود :

{cartItems?.length === 0 ? ( // add a ?. to check if variable is null 

or

{cartItems && cartItems.length === 0 ? ( // you check if the var is defined before check the length

  • 1401/02/30
  • ساعت 15:37

سلام دوست من

اولی بعد از cartItems چک میکنه که اصلا متغییری با این نام تعریف شده یا نه و مقدارش null هست یا نه؟

دومی چک میکنه که خوب الان که همچین متغییری داریم که آرایه هست طولش برابر صفره ؟

 


  • 1401/02/30
  • ساعت 16:44

استاد پس چرا کدی که مثل شما نوشتم کار نکرد


  • 1401/02/30
  • ساعت 16:56

کد درون App به عنوان props ارسال کردی به کامپوننت Contacts.jsx

prop ای که ارسال کردی contacts هست ولی در کامپوننت فرزند به جای استفاده از contacts از showContacts جهت رندر کردن شرطی استفاده کردی

دقیقا همون نامی که به prop دادی باید در فرزند استفاده بشه 


  • 1401/02/30
  • ساعت 17:43

واااااااااااای خدای من

من حواسم کجاست اخههههههه 

 


logo-enamadlogo-samandehi