In this post, we will see how to render a list of objects in React. First of all, we create a function component called listuser, where we will define a list of users: [LISTUSER.JS] Then, using the Javascript method map, we will display the list: Finally, we add the component listuser in App.js: If we… Read More: React – How to render a list »
In this post, we will see how to manage onClick event in React. FUNCTION COMPONENT: We create a function component called FunctionEvent: [FUNCTIONEVENT.JS] Then, we add this component into App.js: [APP.JS] If we run the application, this will be the result: CLASS COMPONENT: We create a Class component called ClassEvent [CLASSEVENT.JS] Then, we add this… Read More: React – How to manage onClick event »
In this post, we will see how to call a method from a component to another in React. First of all, we create a Class component called Page1 where we will define a method called ChangeText, used to change the text in a label.Then, we will create a Function component called Page2 and a Class… Read More: React – How to call a method from a component… »
In this post, we will see what prevState is and how to use it.From React docs: “React may batch multiple setState() calls into a single update for performance. Because this.props and this.state may be updated asynchronously, you should not rely on their values for calculating the next state.To fix it, use a second form of setState() that accepts a… Read More: React – prevState »
In this post, we will see how to use State in a Class Component.But, what is State?State is a special object of the Class Component, which allows components to create and manage their own data. It is where we store property values that belongs to the component and, when it changes, the component re-renders.It is… Read More: React – State »
In this post, we will see how to pass values to a Component in React.This is possible using the Props, that is kind of global variable or object, using them like HTML attributes. First of all, we create a file called User.js: [USER.JS] Then, we import and use this component in the file App.js: [APP.JS]… Read More: React – How to pass values to a Component »
In this post, we will see how to add and use Bootstrap in a React project. We open the project used in the Post React – How to create a menu and we run the command npm install –save bootstrap, in order to add the Bootstrap framework.Now, we open the file index.js and we add… Read More: React – How to add Bootstrap in a project »
In this post, we will see how to create a menu in React, using React Router. First of all, we create an application called manage_user, using the command:npx Create-react-app manage_userand then, using the command npm i react-router-dom –save, we will install React Router We start to create a component called menu: [MENU.JS] Then, we add… Read More: React – How to create a menu »
The Components are very import in React because they allow to divide the UI in small, reusable and independent pieces of code, help us to manage easily a project.In React there are two types of Components: Function Components and Class Components.In this post, using the project created in “React – How to create a project”,… Read More: React – Components »