توضیحات

در این جلسه به توضیح بخش اول fetch data از دوره آموزش ری اکت (React.js) پروژه محور میپردازیم.


javascript جاوااسکریپت react ری اکت

مدرس دوره علی شیخ
مدت دوره 16:08:35
تعداد ویدیو 106

وضعیت دوره : کامل شده
قیمت دوره : 399,000 379,000 تومان

نظرات ارزشمند شما:

برای ارسال نظر ابتدا باید وارد سایت شوید

  • باسلام و احترام
    با توجه به قطعه کد زیر

    
    
    import React, { useEffect, useState } from 'react';
    const App = () => {

    const [posts, setPosts] = useState(null);
    useEffect(() => {
    fetch('https://jsonplaceholder.typicode.com/posts')
    .then(response => response.json())
    .then(data => {
    setPosts(data)
    console.log(data)
    })
    })
    return (
    <React.Fragment>
    {posts && posts.map((post, index) => (
    <h3 key={index}>{post.title}</h3>
    ))}
    </React.Fragment>
    );
    }
    export default App;


    من به صورت اتفاقی date رو console.log گرفتم و چون
    شما لاگ نگرفتین متوجه این نشدین که دیتا های json بی نهایت در حال رندر شدن و برگشتن هستن
    حالا برای useEffect با توجه به گفته خودتون آرگومتن دوم [ ] رو قرار دادم و درست شد
    آیا درست هست این حرکت ؟

    • سلام وقت بخیر.
      بله باید حتما قرار بگیره، در موردش کامل توی جلسه مربوط به useEffect صحبت کردیم و اگه من قرار ندام اشتباه من بوده که عذر خواهی میکنم.