NavItem return 输入 react, reactstrap

Question

我创建了一个函数，它接受 props 并生成一个 .我想知道可以用于此函数的 return 类型，以便它是类型安全的。我试过 typeof 和它 returns 对象。我希望函数看起来像这样：

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

感谢您的帮助或建议。

Answer 1

从函数 createNavItems 生成的数组 return 具有以下 return 类型：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 return 输入 react, reactstrap

NavItem return type in react, reactstrap

typescript

reactjs

reactstrap