reactjs - NavItem 在反应中的返回类型，reactstrap

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>
        );
    }
}