مشكلة بتصيير مكون في React

سؤالك غير واضح، 

هلا قمت بارفاق صورة كاملة عن المشكلة او نص رسالة المشكلة حتى يمكن معاينتها؟

بتاريخ الآن قال Adnane Kadri:

سؤالك غير واضح، 

هلا قمت بارفاق صورة كاملة عن المشكلة او نص رسالة المشكلة حتى يمكن معاينتها؟

import React ,{ useEffect, useState } from "react";



let FicheAxois=  ()=>{

    let [state, setState]= useState([]);

    const fitshData= async ()=>{

        await fetch('https://jsonplaceholder.typicode.com/posts'

        ,{method: 'GET'

    }).then(req=>req.json()).then(data=>setState(data))

    }

    useEffect(()=>{

        fitshData()

    },[])

    return(

        <div>

            aaa

        </div>

    )

};

export default FicheAxois;

بتاريخ الآن قال يحيى بوحسي:

import React ,{ useEffect, useState } from "react";



let FicheAxois=  ()=>{

    let [state, setState]= useState([]);

    const fitshData= async ()=>{

        await fetch('https://jsonplaceholder.typicode.com/posts'

        ,{method: 'GET'

    }).then(req=>req.json()).then(data=>setState(data))

    }

    useEffect(()=>{

        fitshData()

    },[])

    return(

        <div>

            aaa

        </div>

    )

};

export default FicheAxois;

 

تأكد أنك تقوم باستيراد وتضمين هذا المكون على نحو صحيح، في مكون App الأب مثلا يفترض أن يكون كـ:

import React from 'react';
import FichAxois from './path/to/FicheAxois.jsx';

export function App(props) {
  return (
    <div className='App'>
      <FichAxois />
    </div>
  );
}

يرجى الاشارة ايضا ان كانت تظهر أي اخطاء في نافذة الطرفية console

بالإضافة إلى ما ذكره لك عدنان حاول التأكد من النقاط التالية:

1- التأكد من أن المسار الذي تم استدعاء الملف من خلاله صحيح، أي E:\web-sit\formik\ps_academy\p2\pro2\src\components\FicheAxois.js هو المسار الصحيح.

2- التأكد من تثبيت المكتبة اللازمة للمكون، ففي الكود الخاص بك يتم استخدام axios لإحضار البيانات من API.

3- التأكد من عدم وجود أخطاء في الأكواد الأخرى في التطبيق، حيث أن الأخطاء في الأكواد الأخرى يمكن أن تؤثر على عرض المكون في الشاشة.

4- قد يكون المشكلة مرتبطة بطريقة عرض المكون في الكود، يجب التأكد من عدم وجود أي أخطاء في طريقة عرض المكون داخل ملف الكود.

5- يمكن أن يكون المشكلة مرتبطة بخطأ في ملف الـ CSS الخاص بالمكون، حيث أنه إذا كانت الصفحة تعمل بشكل صحيح ولكن المكون لا يظهر بشكل صحيح، فقد يكون السبب في ذلك هو خطأ في ملف الـ CSS.