Question

我是新打字稿和React。

我正在创建一个容器

import React from 'react'

interface containerProps {
  heading: string,
  para: string
}

const container = (props: containerProps) => {
    return (
        <>
        </>
    )
}

但这在JSX中给我一个错误，说type expected.

应该如何反应JSX返回类型？

Answer 1

假设您正在使用React 16.8，提供输入的正确方法是使用React.FC或React.FunctionComponent。然后，我们可以提供组件的props（ContainerProps）作为泛型参数的一部分。

import * as React from 'react';

interface ContainerProps {
  heading: string,
  para: string
}

const container: React.FC<ContainerProps> = (props: ContainerProps) => {
  return (
    <>
    </>
  )
}

React函数的返回类型是什么

1 个答案: