ReactJS component names must begin with capital letters?

by

In JSX, lower-case tag names are considered to be HTML tags. However, lower-case tag names with a dot (property accessor) aren’t.

See HTML tags vs React Components.

  • <component /> compiles to React.createElement('component') (html tag)
  • <Component /> compiles to React.createElement(Component)
  • <obj.component /> compiles to React.createElement(obj.component)

More Related Contents:

  1. Detect click outside React component
  2. How to async await in react render function?
  3. Invariant Violation: _registerComponent(…): Target container is not a DOM element
  4. Using async/await inside a React functional component
  5. Objects are not valid as a React child (found: [object Promise])
  6. How to update React Context from inside a child component?
  7. React – getting a component from a DOM element for debugging
  8. How to loop and render elements in React.js without an array of objects to map?
  9. Do I have to store tokens in cookies or localstorage or session?
  10. When should I use brackets with imports
  11. How do you Hover in ReactJS? – onMouseLeave not registered during fast hover over
  12. React useEffect causing: Can’t perform a React state update on an unmounted component
  13. Uncaught Error: Invariant Violation: findComponentRoot(…, …$110): Unable to find element. This probably means the DOM was unexpectedly mutated
  14. I am getting error in console “You need to enable JavaScript to run this app.” reactjs
  15. Error: How to serialize data from getStaticProps : Next.js
  16. When value is assigned to components state, why console.log prints the previous state?
  17. Why is my function being called twice in React?
  18. Simulate a button click in Jest
  19. Update one of the objects in array, in an immutable way
  20. How to Set port in next.js
  21. What does useCallback/useMemo do in React?
  22. How to namespace es6 classes (for React components)
  23. Use Object.assign or Spread Operator in React/Redux? Which is a better practise
  24. Update single value in item array | react redux
  25. How to include local javascript on a Gatsby page?
  26. How to properly use useHistory () from react-router-dom?
  27. React Error: “SharedArrayBuffer is not defined” in Firefox
  28. Object is not extensible error when creating new attribute for array of objects
  29. How to set iframe content of a react component
  30. How should I alternate componentWillMount()?

Leave a Comment