reactjs - 类型 '{ src: String; }' 不可分配给类型 'SVGProps

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>
  )
}

错误

Type '{ src: String; }' is not assignable to type 'SVGProps'. Property 'src' does not exist on type 'SVGProps'

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

Answer 1

使用 <img src={icon} />而不是 <image src={icon} />