在react中使用typescript，无状态组件不可分配给类型“react”。证监会

Question

打字稿：2.8。3
@类型/反应：16.3。14

函数组件中的返回类型是JSX。元素，当我将组件声明为反应时。SFC（React.StatelessComponent的别名）。

出现了三个错误：

>

TS2339：属性'protypes'不存在于type'（props： LayoutProps）=

TS2339:类型（props:LayoutProps）上不存在属性“defaultProps”=

interface ItemInterface {
  name: string,
  href: string,
  i18n?: string[]
}

interface LayoutHeaderItemProps extends ItemInterface{
  lang: string,
  activeHref: string,
}
function LayoutHeaderItem (props: LayoutHeaderItemProps): React.SFC{
  const {name, href, lang, activeHref, i18n} = props
  const hrefLang = /\//.test(href) ? `/${lang}` : ''
  if (!i18n.includes(lang)) return null
  return (
    <a
      className={`item${href === activeHref ? ' active' : ''}`}
      key={href}
      href={hrefLang + href}
    ><span>{name}</span></a>
  )
}

LayoutHeaderItem.propTypes = {
  lang: string,
  activeHref: string,
  name: string,
  href: string,
  i18n: array
}
LayoutHeaderItem.defaultProps = {i18n: ['cn', 'en']}




Answer 1

返回类型不是组件，函数本身是组件：

const LayoutHeaderItem: React.SFC<LayoutHeaderItemProps> =
    (props: LayoutHeaderItemProps) => { 
        // ... 
    }

这个问题有点老，不建议使用具有FC别名的FunctionComponent

const LayoutHeaderItem: React.FC<LayoutHeaderItemProps> =
    (props: LayoutHeaderItemProps) => { 
        // ... 
    }