00:00Assalamualaikum
00:02How are you?
00:04I am Mohamad Monique
00:05I am Mohamad Monique
00:07In the last video, I will handle it
00:09I will handle it
00:11I will show you
00:13Use State
00:15Use Effect
00:17Use Effect
00:19Use State
00:20Use State
00:21Use State
00:23Use State
00:25Use State
00:27Use Effect
00:29Use Effect
00:31Well I am not
00:34Say
00:36I am not in file
00:38This is the name
00:40Players
00:42Players
00:44Jsx
00:46Now I am not
00:47By default
00:48I am not in file
00:49Default
00:51Default
00:53A function
00:55The name
00:56Is
00:57A
00:58So now return, return I am going to the same code, and do no, and just before we will do this 5D code,
01:05any code 3 of this code.
01:06Now we call this 1, players
01:08Ok, we have got a set on this code, we will do this code, we will do it.
01:15So app.j6 will go, and here we will work on React World, next time we will do it.
01:21Next, mamy add the player, always so,
01:26P-L-A-Y, player tab, automatic import.
01:31So, already import.
01:33So, player save, save, and play players.
01:36This time, we will do this, we will use state,
01:41so we will use state, so we will do this.
01:45So, I will use mtray,
01:47mtray, use state, use state,
01:51import, automatic,
01:53and this time,
01:55If you have the data on the API, it is JSON-Play-Solder
02:06It is a user, it is a user
02:12So, JSON-Play-Solder is a link to copy, it is an array
02:18If you have the API, you don't have the data, then you can see the MTR
02:25So, MTR is a user, and you can use the player
02:33SetPlayer
02:35Now, you can use the API API
02:45So, we can use the data fetch
02:49So, we use the use effect
02:52UseEffect in the same way, we can use the dependency
02:56That is the callback function, which is the same
03:00So, the dependency, we can use the blank array
03:04This is the same, we can use the anonymous function
03:10Anonymous function in the same way, we can use the fetch
03:13So, fetch, what do we do?
03:15Fetch, we can use the fetch
03:17We can use the API link
03:19In the same way, we can use the API
03:22Now, we can use .dan
03:24Then, we can use the response
03:26We can use the response
03:28We can use the response
03:29We can use .json-Convert
03:31JSON-Convert
03:33We can use the data
03:35We can use the data
03:37So, the data
03:39Also, we can use the console
03:41If we were using the console
03:43We can use the console
03:45So, we can use the console
03:46We can use the data
03:48Use state
03:49You can use the data
03:50Use state
03:51So, I can use data
03:52Now, we can use the function
03:54We can use the function
03:56We can use setPlayer
03:58...
04:02...
04:06...
04:10...
04:14...
04:18...
04:20...
04:22so we can proceed in the form of the code
04:26we can now show the code
04:30let's see here
04:35let's show the code
04:38discover the code
04:41this code of code
04:44show the code
04:46show the code
04:50so player.jsx
04:57so player.jsx
04:59so player.jsx
05:01so player.jsx
05:03export
05:06default
05:07function
05:08player
05:10player
05:11return
05:14return
05:16something is
05:17h3
05:22player name
05:24player name
05:26player name
05:27player name
05:28h3
05:30h3
05:31player
05:33email
05:35player email
05:37save column
05:38this time
05:40dynamically
05:42data
05:43so
05:44this time
05:45we will
05:46select
05:47dynamic
05:48option
05:49here
05:50we will
05:51select
05:52player
05:53map
05:54player
05:55so
05:56here
05:57we will
05:58select
05:59players
06:00and
06:01we will
06:02select
06:03anonymous
06:04function
06:05player
06:06name
06:07and
06:08call
06:09name
06:10and
06:11player
06:12name
06:14and
06:15player
06:16email
06:17data
06:18and
06:19for
06:20this time
06:21we will
06:22find
06:23the
06:24player
06:25and
06:26the
06:27player
06:28is
06:29players
06:31and
06:32the
06:33parameter
06:34is
06:35players
06:36and
06:37players
06:38and
06:39players
06:40and
06:41players
06:42and
06:43players
06:44and
06:46we will
06:47see
06:48console
06:49lock
06:50so
06:51console
06:52lock
06:53and
06:54player
06:55and
06:56save
06:57and
06:58inspect
06:59and
07:00console
07:01and
07:02object
07:03and
07:04name
07:05and
07:06phone
07:07and
07:08email
07:09and
07:10email
07:11so
07:12we
07:13can
07:14see
07:15the
07:16object
07:17so
07:19object
07:20so
07:21object
07:22so
07:23object
07:24so
07:25object
07:26is
07:27equal
07:28to
07:29player
07:30okay
07:31save
07:33column
07:34error
07:35error
07:36error
07:37error
07:38name
07:39uninspected
07:40token
07:41player
07:42.js
07:43key
07:44name
07:45email
07:46sorry
07:47save
07:48column
07:49just
07:50dynamically
07:51just
07:52name
07:53save
07:54column
07:55name
07:56name
07:57dynamically
07:58email
07:59save
08:00column
08:01even
08:02css
08:03file
08:04union
08:05name
08:06name
08:07i
08:08just
08:09you
08:10and i
08:11i
08:12i
08:13i
08:14i
08:15i
08:16i
08:17i
08:18i
08:19i
08:20i
08:21i
08:22i
08:23i
08:24i
08:25i
08:26i
08:27i
08:28i
08:29i
08:30i
08:31i
08:32i
08:33i
08:35i
08:36i
08:37i
08:38do
08:53so I think I am going to get back to the next video
08:58I will be happy to see you in the next video
09:00Assalamualaikum
Comments