Using <image> svg tag with React

Question

I wish to use the svg <image> tag with React, but it is not supported at the moment.

Is there any workaround other than inserting html dangerously?

Will it be supported in the near future?

What is the reason this particular svg tag is not supported?

Thanks

Only the developer(s) of React could answer the last two questions. — Robert Longson
– Robert Longson, Commented Jul 3, 2015 at 8:22

Guilherme Rodrigues · Accepted Answer · 2015-07-03 12:51:57Z

1

There is no other workaround other than dangerouslySetInnerHTML
You should watch Issue #1657 as they will probably announce it there when it's ready

answered Jul 3, 2015 at 12:51

2,8541 gold badge21 silver badges24 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

gazdagergo · Accepted Answer · 2018-11-28 14:30:03Z

0

It is now supported just use:

<svg>
  <image xlinkHref="//url.of.image" width={600} height={400} />
</svg>

answered Nov 28, 2018 at 14:30

gazdagergo

6,7811 gold badge36 silver badges50 bronze badges