توضیحات

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


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

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

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

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

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

    • سلام وقت بخیر.
      دقت کنید باید توی value و در بین { } قرار بدید. شما یک object دارید توی متغیری فرضا به اسم user

      const user = {
      
      name: 'ali',
      age: 25
      };

      و اینو به این شکل باید بنویسید value={user}

    • باسلام و احترام
      با توجه به توضیحات استاد
      نحوه صحیح تعریف آبجکت :

      
      
      import React from "react";
      import Acomp from "./component/Acomp";

      export const UserContext = React.createContext();

      function App() {
      const object = {
      name : "mehdi",
      lastName : "mactabi",
      age : 22
      }

      return (
      <UserContext.Provider value={object}>
      <Acomp />
      </UserContext.Provider>

      );
      }

      export default App;


      نحوه فراخوانی آن :
      
      
      import { useContext } from "react";
      import {UserContext} from "../App"

      const Ccomp = () => {
      const userContext = useContext(UserContext);
      console.log(userContext)
      return (
      <>
      <h1>{userContext.name}</h1>
      <h1>{userContext.lastName}</h1>
      <h1>{userContext.age}</h1>
      </>
      );
      }

      export default Ccomp;