reactjs - TypeScript React 函数组件名称作为类型

Question

在React.js中，我有一个Function Component，当我将函数名用作type时，会出现错误。

代码示例：

import * as React from "react";
import { render } from "react-dom";

interface NameViewProps {
  name: string;
}
function NameView({ name }: NameViewProps) {
  return <div>{name}</div>;
}

interface Props {
  // ts error: Cannot find name 'NameView'.ts(2304)
  children: NameView[];
}

class Demo extends React.Component<Props> {
  render() {
    return (
      <div>
        <h2>in demo component with children div array</h2>
        {this.props.children}
      </div>
    );
  }
}

如何使用函数组件的名称作为type?

你可以试试这里的代码框

标签： reactjstypescript

Answer 1

使用 typeof(函数名) 即 typeof NameView