reactjs - Typescript 导出默认 : React. FunctionComponent

Question

我将如何在 typescript 中处理这个问题。我知道我可以通过给它起个名字来做到这一点，但这不是我要问的。我在问我怎么还能只使用默认值。

interface IProps {
  name: string,
  tag: string,
}

export default ({name, tag}: IProps) => {
 ..... my code 
});

是的，我知道这件事。

const MyComponent: React.FunctionComponent = () => {
...
export default MyComponent;

Answer 1

嗯，除了尾随的 ) 语法错误外，与您拥有的完全一样

import React from "react"

interface IProps {
  name: string,
  tag: string,
}

export default ({name, tag}: IProps): JSX.Element => {
  return <p>hello { name }, some { tag }</p>
} // <- no trailing `)`

或者——

import React from "react"

interface IProps {
  name: string,
  tag: string,
}

export default ({name, tag}: IProps): JSX.Element =>
  <p>hello { name }, some { tag }</p>

TypeScript Playground Demo

也就是说，命名函数要好得多，尤其是对于调试目的。