我最近才开始使用 Typescript,但还没有找到实现此目标的简单方法
import React from 'react'
...
export default () => <div>My awesome anonymous functional component</div>;
我通常在 index.jsx/index.tsx 文件中使用它,因此语法可以帮助我的组件保持干净。
最佳答案
您应该仍然能够毫无问题地执行此操作,但我更喜欢的语法如下:
export const MyComponent: React.FC = () => <div>My component</div>
出于这里提到的一些原因,我倾向于避免在 typescript 中使用默认导出:https://basarat.gitbook.io/typescript/main-1/defaultisbad
此外,通过上述内容,我将获得功能组件(例如 children
等)所需的类型。
关于reactjs - 导出匿名函数组件 React Typescript,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/62289350/