score:2

Accepted answer

for people reading this now, reactjs has full svg support as of version 15. so the <textpath>element should now work as expected.

for details read the react v15.0 release notes.

score:1

textpath is currently not supported so you'd have to resort to using dangerouslysetinnerhtml.

let textpath = `<textpath xlink:href="#bigarc">come on in...</textpath>`;
<text dangerouslysetinnerhtml={{__html: textpath }}></text>;

demo

score:1

so the problem is react not having full svg support, which is something still being worked on.

maybe something like this would help: https://github.com/facebook/react/issues/1657#issuecomment-70786561

i havent worked with react but thats what i could gather. hope it helps.


Related Query

More Query from same tag