The curly braces inside backgroundImage property are wrong. Probably you are using webpack along with image files loader, so Background should be already a String: backgroundImage: “url(” + Background + “)” You can also use ES6 string templates as below to achieve the same effect:
4 steps npm install dotenv –save Next add the following line to your app.require(‘dotenv’).config() Then create a .env file at the root directory of your application and add the variables to it. Finally, add .env to your .gitignore file so that Git ignores it and it never ends up on GitHub. If you are using create-react-app then you only need step 3 and … Read more
I suggest to look at Dan Abramov (one of the React core maintainers) answer here: I think you’re making it more complicated than it needs to be. Longer term we’ll discourage this pattern because it encourages race conditions. Such as — anything could happen between your call starts and ends, and you could have gotten new … Read more
npm E A quick solution from the internet search was npm config set strict-ssl false, luckily it worked. But as a part of my work environment, I am restricted to set the strict-ssl flag to false. Later I found a safe and working solution, this worked perfectly and I got a success message Happy Hacking! by not setting … Read more
create-react-app and react-scripts react-scripts is a set of scripts from the create-react-app starter pack. create-react-app helps you kick off projects without configuring, so you do not have to setup your project by yourself. react-scripts start sets up the development environment and starts a server, as well as hot module reloading. You can read here to see what everything it does for … Read more
When a react component state changes, the render method is called. Hence for any state change, an action can be performed in the render methods body. Is there a particular use case for the setState callback then?
Make sure you’re calling super() as the first thing in your constructor. You should set this for setAuthorState method Another alternative based on arrow function:
prevState is a name that you have given to the argument passed to setState callback function. What it holds is the value of state before the setState was triggered by React; Since setState does batching, its sometimes important to know what the previous state was when you want to update the new state based on the previous state value. So … Read more
className is used instead of class in JSX because class is a JavaScript keyword. All JSX gets turned into vanilla JavaScript. If you wrote class it would try to make a JavaScript class and not make an element that has a class. So, when you write react it looks like this. Then something like babel will take that code and turn it into vanilla JavaScript: … Read more
You have to wrap your Route‘s in a <div>(or a <Switch>). should be