In this tutorial, you will learn how to use React datepicker in your React project. You will learn from a basic example to a specific use case by creating a hotel booking component using React-Datepicker. React-datepicker is a simple and reusable component for React. This component currently has around 314 contributors with more than 600.000 […]
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 […]
In this article, we will learn how to use Axios Header on your request. There is a slight difference in using the Axios Header on GET method compared to others. Let’s say we want to put an Authorization header on our request, we can pass the header object as the second argument of the request. […]
In this article, you will learn how to use Axios Interceptors on your requests and responses. The Axios Interceptors works by intercepts all the requests and responses before they are handled by then() or catch() on the current instance. Let’s say you want to put an authorization token inside request header, you can use this: […]
If you get React native version mismatch error, here is how to fix this issue. Basically, this error occurs because your project has a different version from the one you already specified on package.json. This also sometimes happened when you are running multiple projects and the server accidentally installed a different react version. To fix […]
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 […]
We will learn how to use an HTML tag (the <a> tag) to directly download the file. As we already know that the <a /> tag is used for a navigation link. As example, if we tried to locate user to some image, the code would be like this: We can use this tag to […]
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 […]
In this article, you will learn the difference between import and require in Javascript. These are used when you try to use an external module inside the page you are currently working on. The main difference is : Import Lexical; will be sorted to the top of the current file. Only can be called in […]
If you are getting an error of you should not use or withrouter() outside Router. This article will explain to you how to fix the issue. This <Route /> or withRouter() belongs to react-router-dom and you are only allowed to call this inside BrowseRouter/HashRouter. So to fix this, we have to make sure that all of […]
In this article, you will learn how to use Axios.create() the right way. Before the usage, let’s go for the definition first. The axios.create() is a function that lets you create a new instance of an Axios service. This would be very helpful to create a dedicated instance for the current project instead of using […]
If you are getting ReactDom is not defined in React, this article will help you fix the issue. This issue could pop out because: you don’t have module react-dom properly installed inside your project and you tried to call it, or simply you didn’t call this module correctly. To fix that, you will need to […]
