Question

我创建了一个带有props并生成数组的函数。我想知道我可以用于此函数的返回类型，以便它是类型安全的。我尝试了typeof并返回了对象。我希望函数看起来像这样：

createNavItems(names: Array<string>):***Not sure what to put here*** {
   linkItems = names.map(name => {
      <NavItem key={name}>name</NavItem>
   }
   return linkItems;
}

感谢您的帮助或建议。

Answer 1

从函数createNavItems返回的数组具有以下返回类型：Array<React.ReactElement<{}>>

这是一个完整的示例，它还修复了问题的TypeScript代码中的几个小错误：

import * as React from "react";

function createNavItems(names: Array<string>): Array<React.ReactElement<{}>> {
   return names.map(name => (
       <NavItem key={name}>{name}</NavItem>
   ));
}

class NavItem extends React.Component {
    render() {
        return (
            <div className="nav-item">{this.props.children}</div>
        );
    }
}

NavItem返回类型为react，reactstrap

1 个答案: