Can’t type in React input text field

by

Using value={whatever} will make it so you cannot type in the input field. You should use defaultValue="Hello!".

See https://facebook.github.io/react/docs/uncontrolled-components.html#default-values

Also, the onchange should be onChange as @davnicwil points out.

More Related Contents:

  1. numberic as object key, value as array [closed]
  2. React-router URLs don’t work when refreshing or writing manually
  3. Programmatically Navigate using react-router
  4. ReactJS component names must begin with capital letters?
  5. Invariant Violation: Objects are not valid as a React child
  6. react-router scroll to top on every transition
  7. What the difference of this.state and this.setstate in ReactJS?
  8. React.js: onChange event for contentEditable
  9. How to update single value inside specific array item in redux
  10. Updating and merging state object using React useState() hook
  11. componentDidMount equivalent on a React function/Hooks component?
  12. Why use Redux over Facebook Flux? [closed]
  13. How do I update states `onChange` in an array of object in React Hooks
  14. Can I update a component’s props in React.js?
  15. Client Routing (using react-router) and Server-Side Routing
  16. Embedding SVG into ReactJS
  17. How to disable button in React.js
  18. how to listen for route change in react-router-dom v6
  19. How to sync Redux state and url hash tag params
  20. How to use create-react-app with an older React version?
  21. How can I use Jest to spy on a method call?
  22. Single Page Application and CSRF Token
  23. Navigate to screen after opening a notification?
  24. React: Script tag not working when inserted using dangerouslySetInnerHTML
  25. How do I add validation to the form in my React component?
  26. Type ‘void’ is not assignable to type ‘((event: MouseEvent) => void) | undefined’
  27. Highlight text using ReactJS
  28. Service Worker registration error: Unsupported MIME type (‘text/html’)
  29. Proper way of using React hooks + WebSockets
  30. How to disable the selection of an item when the first letter of the option is pressed in the Select component?

Leave a Comment