Skip to playerSkip to main content
  • 2 days ago
আজকের ভিডিওতে আমরা শিখবো React form এ কিভাবে onChange এবং defaultValue ব্যবহার করে state সেট করা যায় এবং কিভাবে error message দেখানো যায়। 🚀

👉 Example:

পাসওয়ার্ড ফিল্ডে যদি ৬ সংখ্যার কম হয় → Error message দেখাবে ❌

আর যদি ৬ বা তার বেশি হয় → Error message চলে যাবে ✅

👉 What you will learn:

React এ onChange দিয়ে state সেট করা

defaultValue ব্যবহার করা

Simple form validation in React

Real-time error handling (Password example)

📌 React form handling এবং validation শেখার জন্য এই ভিডিওটি খুবই গুরুত্বপূর্ণ।

Category

📚
Learning
Transcript
00:00Assalamualaikum
00:30Assalamualaikum
01:00Assalamualaikum
01:30Assalamualaikum
01:32Assalamualaikum
01:34Assalamualaikum
01:36Assalamualaikum
01:38Assalamualaikum
01:40Assalamualaikum
01:42Assalamualaikum
01:44Assalamualaikum
01:46Assalamualaikum
01:48Assalamualaikum
01:50Assalamualaikum
01:52Assalamualaikum
01:54Assalamualaikum
01:56Assalamualaikum
01:58Assalamualaikum
02:00!!
02:06?
02:10?
02:14?
02:15?
02:20?
02:24?
02:29સ્રલાચે ઇન્પૂદ તીરોચે ધરેન ઇન્થરાઈબાચે પાસ્વાડ એકે પાસ્વાડ છે પાસ્વાડ એકે પાસ્વાડ ત
02:59. એનુદ કાળાટ આમ તરેપઓ એને ઔદ યેણ�ડ પાખે હન્ડાડ ઈ વ�ારાદ વાધુાાર એન્ર મ્ટ તીથા એનેક��રણ�ડ�
03:29well event but I'm going to say hello to the guy has a last up yes ever I'm right
03:34I can inspect could be inspect color for a I mean just a can kill it or something
03:38I can play so that they need so I'm making a placeholder the goal of the place
03:41under are in turn you email and password inventory on the placeholder was
03:47any placeholder was a Dylan and here password was so simple about you
03:54doing so I'll show you from and to the next one go to the console and get the
04:15of course, how do you do it?
04:17I am going to prevent default.
04:19prevent default
04:23prevent default
04:25prevent default
04:27save
04:29submit
04:31reload
04:33prevent default
04:35call
04:37call
04:39call
04:41consider adding an error boundary to your tree to customize error handling behavior
04:55visit
04:57type error
04:59prevent default
05:01is not a function
05:03that's why the problem
05:07the problem
05:08you can see
05:09click on submit
05:11submit
05:13submit
05:14apply
05:15click on
05:16submit
05:17submit
05:18submit
05:19submit
05:21submit
05:23submit
05:24log
05:26log
05:30submit
05:32submit
05:34That means, we have to reload the paste and we have to submit it.
05:41So, in this case, we have to submit it.
05:46In this case, we have to submit it.
05:50We have to submit it.
05:53So, in this case, we have to submit it.
05:58We have to submit it.
06:05We have to submit it.
06:08Please fill out this field.
06:10So, we have to submit it.
06:14We have to submit it.
06:17We have to submit it.
06:20So, we have to submit it.
06:23If we have to submit it, we don't have to submit it.
06:28This is the case of the code.
06:31We are going to submit it.
06:33We can submit it.
06:35So, we have to submit it.
06:37We can submit it.
06:40So, in this case, we have to submit it.
06:45So, first of all, I'm going to check instead, use state, use state, use state, and I'm going to default
07:04Once I'm going to select my password, now save my password
07:16Once I select your password and we also take my password to your
07:33I will send my email to my password and I will send my password to my password.
07:44I will send my password to my email and I will send my email to my email.
08:01It will send email to my email.
08:04So
08:12I will send me to my device.
08:21this will render a read only field
08:26so read only field
08:29if the field should be mutable
08:33use default value
08:36set either on chance or read only
08:41so default value set
08:44default value set
08:49default value set
08:51default value set
08:53on chance
08:55on chance
08:57on chance
08:59on chance
09:01on chance
09:03handle
09:05handle
09:07change
09:09on chance
09:19handle on chance
09:21handle on chance
09:23on chance
09:25on chance
09:27on chance
09:29on chance
09:31on chance
09:33call
09:37console
09:38...
09:40...
09:48...
09:50...
09:54...
09:57...
09:59This is the same for my EVE, so my my EVE is a SYNTHETIC basic event, which is a EVE is a SYNTHETIC basic event.
10:08So what can I say?
10:11And when I say EVE , we will get the target, and then the target will save us.
10:20So it will create a password.
10:24In this case, you can see values.
10:28You can see values, then you can see values.
10:33I just want to give you values.
10:34I will show you values.
10:36I will click 1, 2, 3.
10:40Let's use values.
10:43I will see values.
10:48So, this is basically a problem.
10:50Why do I have a password?
10:53.
11:00.
11:05.
11:10.
11:12.
11:13.
11:14.
11:16.
11:17.
11:18.
11:21.
11:22.
11:23.
11:31અઅ્রા ઇથ�દ આ આ ઓ�ions ્� taraf દેતઆન આ હરાા ઓ આમરા એઇઆ ણિત્ત્ટેગે અઊનરા સડામાણ સાસિંગ સંંગે.
11:39so if the method is the value of the password, it will be removed.
11:44Okay?
11:44No.
11:45Very good.
11:46So, if we use the code, we use the method.
11:51The password is less than 5 to 6.
11:58So, the method is less than 5 to 6 to 6.
12:09I am a
12:11I
12:13I
12:15I
12:17I
12:19I
12:21I
12:23I
12:25I
12:27I
12:29I
12:33I
12:35I
12:37I
12:39I
12:41I
12:43I
12:45I
12:47I
12:49I
12:51I
12:53I
12:55I
12:57I
12:59I
13:01I
13:03I
13:05I
13:07I
13:09I
13:11I
13:13I
13:15I
13:17I
13:19I
13:21I
13:23I
13:25I
13:27I
13:29I
13:31I
13:33I
13:35I
13:37I
13:39I
13:41I
13:43I
13:45I
13:47I
13:49I
13:51I
13:53I
13:55I
13:57I
13:59I
14:01I
14:03I
14:05I
14:07I
14:09I
14:11I
14:13I
14:15I
14:17I
14:19I
14:21I
Be the first to comment
Add your comment

Recommended