How to pass HTML tags in props

by

You can use mixed arrays with strings and JSX elements (see the docs here):

<MyComponent text={["This is ", <strong>not</strong>,  "working."]} />

There’s a fiddle here that shows it working: http://jsfiddle.net/7s7dee6L/

Also, as a last resort, you always have the ability to insert raw HTML but be careful because that can open you up to a cross-site scripting (XSS) attack if aren’t sanitizing the property values.

More Related Contents:

  1. Why calling react setState method doesn’t mutate the state immediately?
  2. When to use React setState callback
  3. How to display svg icons(.svg files) in UI using React Component?
  4. How can I persist redux state tree on refresh?
  5. How to use callback with useState hook in react [duplicate]
  6. Why do the React docs recommend doing AJAX in componentDidMount, not componentWillMount?
  7. ReactJS: Why is passing the component initial state a prop an anti-pattern?
  8. React: Expected an assignment or function call and instead saw an expression
  9. How to use throttle or debounce with React Hook?
  10. Why, exactly, do we need React.forwardRef?
  11. You should not use outside a
  12. Axios having CORS issue
  13. react router v4 default page(not found page)
  14. Next.js – Error: only absolute urls are supported
  15. Installing create-react-app gives npm ERR! shasum check failed and npm ERR! Unexpected end of JSON input while parsing near ‘…mojOzGIEI2rg0m24Yb5Oq’
  16. IMAGE: You may need an appropriate loader to handle this file type
  17. Nested Routes not rendering with React Router v4
  18. When to use useImperativeHandle, useLayoutEffect, and useDebugValue
  19. How to use comments in React
  20. Visual studio code changes format (React-JSX)
  21. Error while creating new React app (“You are running `create-react-app` 4.0.3, which is behind the latest release (5.0.0)”)
  22. Re-initializing class on redirect
  23. React – TypeError: Cannot read properties of undefined (reading ‘params’)
  24. How should I configure create-react-app to serve app from subdirectory?
  25. react routing is able to handle different url path but tomcat returns 404 not available resources
  26. React: Why component’s constructor is called only once?
  27. Invalid configuration object. Webpack has been initialised using a configuration object that does not match the API schema
  28. Relative path in index.html after build
  29. combine react build output into single js file
  30. How to add custom Material UI palette colors

Leave a Comment