Why my render method is react called twice

by

it’s probably because of React StrictMode in your index.js file (if you use create-react-app).

ReactDOM.render(
  <React.StrictMode>
    <App />
  </React.StrictMode>,
  document.getElementById('root')
);
serviceWorker.unregister();

strict mode checks for potential problems and caused to run some lifecycle methods twice (like constructor, render, componentShouldUpdate, etc).

Strict mode checks are run in development mode only; they do not impact the production build.

you can read more about it on strict-mode

More Related Contents:

  1. How to pass data from child component to its parent in ReactJS?
  2. What’s the difference between “super()” and “super(props)” in React when using es6 classes?
  3. What is the best way to access redux store outside a react component?
  4. Is it possible to use if…else… statement in React render function?
  5. React.createElement: type is invalid — expected a string
  6. What is use of curly braces in an ES6 import statement?
  7. Programmatically navigating in React-Router v4
  8. Dynamically Add Images React Webpack
  9. Can I dispatch an action in reducer?
  10. react setState with dynamic key
  11. Sending the bearer token with axios
  12. What does it mean when they say React is XSS protected?
  13. What is withRouter for in react-router-dom?
  14. Remove console.logs with Webpack & Uglify
  15. Target Active Link when the route is active in Next.js
  16. How do I hide an API key in Create React App?
  17. Adding an .env file to a React project [duplicate]
  18. ‘withRouter’ is not exported from ‘react-router-dom’
  19. Error: useHref() may be used only in the context of a component. It works when I directly put the url as localhost:3000/experiences
  20. How do I load a markdown file into a react component?
  21. Pass object through Link in react router
  22. How to use environment variables in Github Page?
  23. Is it possible to limit children to specific components using React with TypeScript?
  24. Automatic redirect after login with react-router
  25. How to use environment variables in React app hosted in Azure
  26. How to include a Font Awesome icon in React’s render()
  27. Disable back button in react navigation
  28. Select row on click react-table
  29. how to set initial state in redux
  30. How do I window removeEventListener using React useEffect

Leave a Comment