类型 '{ src: 字符串; }' 不可分配给类型 'SVGProps<SVGImageElement>

Question

当我做这样的事情时，我收到以下错误

import React from 'react'
import "./../../styles/container.scss"
import './../../styles/common.scss'

interface containerProps {
  icon: String,
  heading: String,
  para: String, 
}


export const IconRowContainer = ({heading, para, icon}: containerProps) => {
  return (
    <div className="icon-row-container-main-div">
      <image src={icon} />
      <div>
        <h2 className="secondary-heading icon-row-container-heading"> {heading} </h2>
        <p className="para icon-row-container-para"> {para}</p>
      </div>
    </div>
  )
}

错误

类型 '{ src: 字符串; }' 不可分配给类型 'SVGProps'。类型“SVGProps”上不存在属性“src”

知道我在这里做错了什么吗？

Answer 1

使用<img src={icon} />代替<image src={icon} />