Hey, How are you doing?
Welcome to Miss TecHack! Now, we will see Event Handling in React. This is
the first part of Event Handling. Today in this video, I will be adding some subtypes for state
to apply event handling in react application. Before we go ahead, make sure to subscribe to
Miss tecHack, so you don't miss on any of our updates and latest videos.
So lets get started. For this purpose, lets add a new folder in
assets as birds and move bird images inside it. Now under the species s
tate, lets add some
types to birds. Let's add a new Row in MenuComponent and add the types in similar
way as species were added using mapping. To display the types we will use Card Component
that will show the image and type name. All these components are being used
from reactstrap. Again we got the same error as we have only added type for one
specie, so lets comment rest and check. As you can see bird types are updated, similarly
I have added types for rest of them as well. Here you can
see the result, we have
everything aligned properly. So, we have successfully added the subtypes
in state in our react application. That's it for this video.
I hope you find it useful. For any queries or concerns, write
me down in the comment section. Thankyou so much! Have a great day!
Comments