javascript - 类型 '() => void' 不可分配给类型 'string'

Question

我在 Typescript 中遇到问题，我试图了解如何在 ItemProps{} 内声明 src={close}。我收到以下错误:

Type '() => void' is not assignable to type 'string'.

不幸的是，我不知道如何修复这个错误。

import * as React from 'react';
import close from '../../assets/close.svg';

export type ItemProps = { 
    /**
     * Close icon source
     */
    src: any;
}

错误发生在src={close}

<img className={styles.close} src={close} alt=''/> //src={close} is 'close.svg'

感谢任何帮助!谢谢。

Answer 1

() => void 表示 close 是返回 void 的 function 类型，但是 src 属性需要 string 类型的值。确保close实际上是一个字符串，或者是一个返回字符串的函数。

编辑:我对 React 了解不多，但显然加载 svg 图像并不那么容易，你可以看看这个 article