react で作ったアプリケーションのiOS12.1 svg imageが表示されないとき

iOS12.2 と iOS12.1 の間でsvg image タグの挙動が変わっているので対応するために href と xlinkHrefの双方書かないと出なかったのでメモ。

結論から言うと (react jsx 内にインラインで書く様な時）

<div>
        <svg
            xmlns="http://www.w3.org/2000/svg"
            width={なんか}
            height={なんか}
            viewBox={`0 0 ${なんか} ${なんかt}`}>
              <image
                xlinkHref={画像URL}　　　　<<<<<<<<<<<
                href={画像URL}            <<<<<<<<<<<
                height={なんか} width={なんか}
                x={なんか}
                y={なんか}
            />
         </svg>
</div>

のように xlinkHref と href を双方記入すると画像が表示されます。

• iOS12.2は hrefだけで表示します。
• iOS12.1は xlinkHrefも書いてやらないと httpリクエストすら出しません。
• href , xlinkHrefの双方書いていても害は無いようです。