React.js – input losing focus when rerendering

by

Without seeing the rest of your code, this is a guess.
When you create a EditorContainer, specify a unique key for the component:

<EditorContainer key="editor1"/>

When a re-rendering occurs, if the same key is seen, this will tell React don’t clobber and regenerate the view, instead reuse. Then the focused item should retain focus.

More Related Contents:

  1. React: “this” is undefined inside a component function
  2. State not updating when using React state hook within setInterval
  3. “this” is undefined inside map function Reactjs
  4. What are these three dots in React doing?
  5. React component initialize state from props
  6. Reactjs async rendering of components
  7. Calling setState in a loop only updates state 1 time
  8. How to make a shared state between two react components?
  9. React – Preventing Form Submission
  10. react useEffect comparing objects
  11. CSS pseudo elements in React
  12. React 18, useEffect is getting called two times on mount
  13. Get path params in react-router v4
  14. How to access custom attributes from event object in React?
  15. In reactJS, how to copy text to clipboard?
  16. Unexpected token < error in react router component
  17. Is there any other way to implement a “listening” function without an infinite while loop?
  18. Where should functions in function components go?
  19. How can I call parent method in a child React component?
  20. React eslint error missing in props validation
  21. When value is assigned to components state, why console.log prints the previous state?
  22. Why is my function being called twice in React?
  23. Matched leaf route at location “/” does not have an element
  24. Simulate a button click in Jest
  25. How to Set port in next.js
  26. How to namespace es6 classes (for React components)
  27. Update single value in item array | react redux
  28. How to include local javascript on a Gatsby page?
  29. TypeError dispatcher.useState is not a function when using React Hooks
  30. How to Access styles from React?

Leave a Comment