Dynamic tag name in React JSX

by

No way to do that in-place, just put it in a variable (with first letter capitalised):

const CustomTag = `h${this.props.level}`;

<CustomTag>Hello</CustomTag>

More Related Contents:

  1. React: Expected an assignment or function call and instead saw an expression
  2. You should not use outside a
  3. Set loading state before and after an action in a React class component
  4. Cannot use JSX unless the ‘–jsx’ flag is provided
  5. Visual studio code changes format (React-JSX)
  6. Warning: Prop `className` did not match. when using styled components with semantic-ui-react
  7. How do I type this ‘as’ JSX attribute in TypeScript?
  8. How to define css variables in style attribute in React and TypeScript
  9. Passing object as props to jsx
  10. Create-React-App build – “Uncaught SyntaxError: Unexpected token
  11. Typescript + React/Redux: Property “XXX” does not exist on type ‘IntrinsicAttributes & IntrinsicClassAttributes
  12. We simply cannot write “ in ReactJS?
  13. Support for the experimental syntax ‘classProperties’ isn’t currently enabled
  14. forEach() in React JSX does not output any HTML
  15. Starter create-react-app with IE11 polyfill import still aborts in IE11
  16. How to combine multiple inline style objects?
  17. Passing props into external stylesheet in React Native?
  18. Redux: Why is avoiding mutations such a fundamental part of using it?
  19. React Router not working with Github Pages
  20. TypeError: evt.target is null in functional setState
  21. Can getDerivedStateFromProps be used as an alternative to componentWillReceiveProps
  22. React Router 4 Nested Routes not rendering
  23. React passing parameter via onclick event using ES6 syntax
  24. React fetch data in server before render
  25. ReactJS difference between stateful and stateless
  26. Why useEffect doesn’t run on window.location.pathname changes?
  27. Call child component method from parent in react
  28. How to set build .env variables when running create-react-app build script?
  29. Image elements do not have explicit width and height
  30. React – “localStorage is not defined” error showing

Leave a Comment