Embedding SVG into ReactJS

Question

Is is possible to embed SVG markup into a ReactJS component?

render: function() {
  return (
    
      

Answer 1

If you want to load it from a file, you may try to use React-inlinesvg - that's pretty simple and straight-forward.

import SVG from 'react-inlinesvg';

}
  onLoad={(src) => {
    myOnLoadHandler(src);
  }}
>
  Here's some optional content for browsers that don't support XHR or inline
  SVGs. You can use other React components here too. Here, I'll show you.