Reactjs 在VS代码中使用Typescript检查React组件道具的类型

我想在使用typescript时对组件上的道具进行类型检查

我定义了这个组件：

从“React”导入React；//我们需要它来编译JSX

interface CardProps {
  title: string,
  paragraph: string
}

export const Card = (props: CardProps) => (
  <aside>
    <h2>{ props.title }</h2>
    <p>
      { props.paragraph }
    </p>
  </aside>
)

interface CardProps{
标题：字符串，
段落：字符串
}
导出常量卡=（道具：卡片道具）=>(
{props.title}

{props.段落}

)

当我试图用错误的道具使用组件时，我希望VS代码给我一个错误：

<Card something={false} />

---

正如您在这里看到的，VS代码没有抱怨。应该是开箱即用的。你在tsx文件中吗？在游乐场工作我想这是因为我在一个外部文件中定义了

Card

和

CardProps

，我用

import Card from./Card'

导入，如果我将所有内容复制并粘贴到同一个文件中，它就工作了。那么如何从文件中正确导出它呢？可能导入组件的文件看不到该

CardProps

。@eivindml导入时没有错误吗？不管fileOne添加信息如何，它都可以正常工作。我已经在

index.tsx

文件的子文件夹中定义了

Card

。如果我像这样导入它，一切都正常：

import{Card}from./Card/index'

。但我希望我能做些什么。。/Card'。应该是现成的。你在tsx文件中吗？在游乐场工作我想这是因为我在一个外部文件中定义了

Card

和

CardProps

，我用

import Card from./Card'

导入，如果我将所有内容复制并粘贴到同一个文件中，它就工作了。那么如何从文件中正确导出它呢？可能导入组件的文件看不到该

CardProps

。@eivindml导入时没有错误吗？不管fileOne添加信息如何，它都可以正常工作。我已经在

index.tsx

文件的子文件夹中定义了

Card

。如果我像这样导入它，一切都正常：

import{Card}from./Card/index'

。但我希望我能做

。/Card'

。