telegram

توضیحات

در این جلسه به دریافت اطلاعات از select box از دوره آموزش ری اکت (React.js) پروژه محور میپردازیم.

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

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

مدرس دوره علی شیخ
مدت دوره 16:08:35
تعداد ویدیو 106
وضعیت دوره : کامل شده
قیمت دوره : 399,000 299,000 تومان
برای دانلود ابتدا وارد سایت شوید
دسته بندی دوره ها
HTML CSS طراحی وب FlexBox Bootstrap فریمورک طراحی سایت جاوا اسکریپت اکما اسکریپت پی اچ پی php mysql javascript jquery oop mvc composer laravel emmet npm nodejs webpack vuejs livewire vuex API وب سرویس alpinejs tailwindcss react git github typescript next.js nest.js nuxt.js

دوره های پشنهادی

دوره های آموزشی
آموزش ویو ایکس (vuex) پروژه محور
کامل شده
% 25 تخفیف

آموزش ویو ایکس (vuex) پروژه محور

Vuex یک کتابخانه مدیریت وضعیت است که مخصوص ایجاد اپلیکیشن‌های متوسط، پیچیده و بزرگ در Vue.js است. Vue.js یکی از فریم ور...

199,000 149,000 تومان
05:16:05
آموزش Materialize پروژه محور
کامل شده

آموزش Materialize پروژه محور

آموزش Materialize به همراه 3 پروژه. Materialize مجموعه ای از رابط های کاربری ساخته شده با CSS و HTML و Javascript هست

89,000 تومان
06:38:32
آموزش Composer
کامل شده
% 20 تخفیف

آموزش Composer

کامپوزر ابزاری برای مدیریت وابستگی(dependency management) در پروژه‌های PHP است. ابزار فوق به شما این امکان را می‌دهد که...

119,000 95,000 تومان
01:49:44
آموزش Bootstrap 4 پروژه محور
کامل شده

آموزش Bootstrap 4 پروژه محور

Bootstrap مجموعه ای از ابزارهای رایگان برای ایجاد صفحات وب و نرم افزارهای تحت وب است که شامل دستورات HTML، CSS و توابع ج...

رایگان
06:29:27
مشاهده تمام دوره های آموزشی

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

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

  • Bahman Khani

    سلام
    یک آبجکت دارم با یک کامپوننت 

    

    

    export const units = [

        {

            id: 1,

            name: 'Meter',

            factor: 1,

        },

        {

            id: 2,

            name: 'Centimeter',

            factor: 0.01,

        },

        {

            id: 3,

            name: 'Millimeter',

            factor: 0.001,

        },

        {

            id: 4,

            name: 'Kilometer',

            factor: 1000,

        },

    ]

    کد های کامپوننت 
    

    import {units} from "./units";

    function Select() {

        const onChange = (e) => {

            console.log(e.target.value)

        }

        return (

            <div>

                <div>

                    <select onChange={onChange}>

                        {units.map((option) => (

                            <option value={option.name} key={option.id}>

                                {option.name}

                            </option>

                        ))}

                    </select>

                </div>

            </div>

        )

    }

    

    export default Select

    مشکلم اینه وقتی برنامه برای اولین بار اجرا میشه اولین آبشن که نماش داده میشه متر هستش حالا اگر کاربر بخواد همون متر رو انتخاب کنه تغییری رخ نمیده تا تابع onChange اجرا بشه باید این رو چه جوری هندل کنم

    • علی شیخ

      1 سال پیش

      سلام وقت بخیر.
      ببینید در عمل شما یک متغیر دارید که مقدار value را داخلش قرار میدید، که حالا جلوتر درمورد useState صحبت میشه که، برای ایجاد متغیر میتونید ازش استفاده کنید و خب این متغیر را میتونید براش مقدار اولیه تعریف کنید که مقداری از value های option را قرار میدهید و از طرفی value مربوط به select را برابر اون مقدار قرار میدهید و عملا با اینکار مقدار اون متغیر در ابتدای کار در select انتخاب شده هست و از طرفی با تغییر select که onChange راصدا میزنه، مقدار جدید ارسال میشه و متغیر را مقدار دهی میکنیم.