web-dev-qa-db-fra.com

Comment activer le drapeau 'throwIfNamespace' dans React.js

J'ai du code comme ci-dessous dans mon composant.

<svg id="SvgjsSvg3254" width="318" height="152" xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:svgjs="http://svgjs.com/svgjs" class="apexcharts-svg" xmlns:data="ApexChartsNS" transform="translate(0, 0)" style="background: transparent none repeat scroll 0% 0%;">

Je reçois une erreur comme ci-dessous

Namespace tags are not supported by default. React's JSX doesn't support namespace tags. You can turn on the 'throwIfNamespace' flag to bypass this warning.

Comment puis-je activer le drapeau 'throwIfNamespace'?

enter image description here

5
abu abu

J'ai trouvé une solution à ce problème. Dans mon cas, j'ai dû supprimer tout l'espace de noms inutile dans l'image SVG et cela a commencé à fonctionner en tant que composant React.

enter image description here

Vous pouvez voir la différence entre les deux contenus SVG. La bonne est celle en bas de l'image.

OU vous pouvez télécharger et analyser vos données via ce lien: ici

Ref: Problème Github

1
KRUSHANU MOHAPATRA