web-dev-qa-db-ja.com

React.jsで「throwIfNamespace」フラグをオンにする方法

私のコンポーネントには以下のようなコードがあります。

<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%;">

以下のようなエラーが発生します

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.

「throwIfNamespace」フラグをオンにするにはどうすればよいですか?

enter image description here

5
abu abu

この問題の解決策を見つけました。私の場合、SVGイメージ内の不要な名前空間をすべて削除する必要があり、それが反応コンポーネントとして機能し始めました。

enter image description here

2つのSVGコンテンツの違いを確認できます。 正しいものは、画像の下部にあるものです。

または、次のリンクからデータをアップロードして解析できます: here

参照: Githubの問題

1