In this article, you are going to learn about how to use the switch statement in React. In JavaScript, the switch statement is used for making decisions. It works as the if-else statement but there are some syntactical differences. It plays an important role when you need to execute one of many code blocks based […]
In this article, you will learn about how to use the react-bootstrap modal in react. In react, a modal is nothing but a message box that is visible on the top of the screen of a webpage. You may familiar with the alert() message that is displayed on the top of your screen. But if […]
In this article, you will learn about how to fix module not found: can’t resolve in React. In React, module not found: can’t resolve is a common problem and often occurred. The reason behind this problem is not so serious but still, we need to find out why this kind of problem occurred. Recently, while […]
In this article, you will learn about how to use react-bootstrap tabs in React. React-bootstrap is a front-end framework that is specially designed for React. We can easily use it in react and with the help of react-bootstrap tab, we can separate a bunch of content into different components. The best way to learn how […]
In this article, you will learn about how to use react-select in React In web projects, Select elements from a select box are widely used and with the help of JavaScript, you may perform this. But now things have been changed and we always want to make the user experience more interactive. To do so, […]
In this article, you are going to learn about how to use forEach loop in react. In JavaScript, the forEach() loop is considered as an array method that is used to iterate each item of an array with the help of a callback function. Let me assume that you have already familiar with JavaScript fundamentals. […]
In this article, you are going to learn about how to format dates in ReactJS. ReactJS is a JavaScript library that is used in the front-end to better the UI experience. With react you can do many interesting things. The most interesting part is that you can write JavaScript code here easily. You already know […]
In this article, you will learn about how to use the ternary operator in React. A ternary operator is a kind of operator that takes three operands and helps programmers to make decisions. It is a shorter form of the if-else conditional statement. As it takes three operators, it is called the ternary operator. Before […]
In this tutorial, we will learn to build a simple network monitoring app using React Hooks. Use case Sometime while using our React application a user connects with a network with no data connection. In that case your app must show the user network connection status. Pre-requisite Basic understanding of JavaScript ES6 Basic understanding of […]
If you get an “assignment or function call and instead saw an expression no-unused-expressions in React” error, this article will help you to fix the issue. The problem is mostly because you try to return a JSX element without a proper return syntax. This example can give you a similar error: To fix this, you […]
If you get actions must be plain objects. use custom middleware for async actions error, here is how to fix this issue. This error exists because you try to return a non-plain object on a redux action. For example, if you try to return another function, especially an async function, inside this action, redux doesn’t […]
If you get react.children.only expected to receive a single react element child error, here is how to fix this issue. The issue happened because the component only expects a single ReactElement to its children. Here is an example that could give you a similar error: To fix the issue, don’t put more than one element […]
In this article, you will learn how to use this.props.history.push in your react project. The history.push() function belongs to react-router-dom and used to move from the current page to another one. It takes the first argument as a destination path and a second argument as the state. Let’s say we want to move to the […]
This article will help you to fix jsx expressions must have one parent element error on React. The main reason this error happened is that you try to return a JSX expression with two (or more) elements as a root. It said, the component looks like this: This can be fixed by wrapping the component […]
If you get cannot read property setState of undefined when writing a code in React, this article will fix your problem. The issue occurs because the this keyword is not pointing out the right scope of the component. You can fix this by binding your function: Or in the latest (and simple) version, you can […]
