توضیحات

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


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

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

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

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

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

  • سلام و عرض ادب
    استاد خسته نباشید دوره هاتون واقعا عالین و همه آموزش هاتون کاربردی و درجه یک هستن فقط یه انتقاد کوچیک میخواستم ازتون بکنم صدای ویدیو ها خیلی کمه یعنی من با لپ تاپ صداش رو میزارم روی 100 بازم صدا کم هستش و باید حتما از هدفون استفاده کنم اگه بتونید یکم صدای ویدیو ها رو بهتر کنید خیلی بهتر میشه حالا نمیدونم از میکروفونتون هست یا مال پلیر سایت ولی کلا این مورد رو اوکی کنید عالی میشه بازم ممنون از زحماتتون

    • سلام وقت بخیر‌.
      ممنون از شما و حمایت و پیشنهادتون🙏
      خداروشکر دوره ها براتون مفید بوده
      احتمالا پلیر سایت هست چون اگه دانلود کنید و توی پلیری باز کنید صدا اوکی هست.

    • سلام وقت بخیر.
      دقت کنید باید توی 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;