In this tutorial, we will learn how to write loops inside JSX in React. Setting up the project Let's create a new React app using the following command: npx create-react-app react-for-loop Let's add some styling to the page in index.css: body { ma...
When you need to call a function declared in the parent component from a child component, it is as easy as passing it as a prop to the child component and calling it from the child component. However, when you want to call the other way around, thing...
What are props? Consider a function in any programming language. How do we pass values to the function? Using parameters. Props (properties) are similar to parameters. They are used to pass data from one component to another in React. Below is the si...
You might have come across different use cases where you would want to store an array in the React state and later modify them. In this article, we will see different ways of doing it. Project setup Create a react project by running the following com...
Unlike checkboxes, radio buttons always come in groups. Let it be selecting your gender or choosing the size of the Pizza. In this article, we will see how to render radio buttons in react and how to know which radio button is selected. First, let's ...
You might have come across different ways to style React components. In this article, we will discuss the most popular ways to do it and the advantages and disadvantages of using them. Inline Styling If you want to add a style quickly, you can make u...
