react在div的三元运算中插入svg图片

可以使用JSX语法在React组件中通过三元运算符来动态渲染SVG图片。

首先，需要导入SVG图片，可以使用import语句将SVG文件导入到React组件中，例如：

import { ReactComponent as MySvg } from './my-svg.svg';

然后，在组件中可以使用三元运算符来判断是否需要渲染SVG图片，例如：

import React from 'react';
import { ReactComponent as MySvg } from './my-svg.svg';

function MyComponent({ showSvg }) {
  return (
    <div>
      {showSvg ? <MySvg /> : null}
    </div>
  );
}

export default MyComponent;

在上面的例子中，showSvg变量用于控制是否需要渲染SVG图片。如果showSvg为true，则渲染SVG图片；否则不渲染。注意，为了渲染SVG图片，我们使用了<MySvg />标签，在JSX中，这是一种特殊的语法，用于渲染SVG图片。