NavItem 반환 유형 in react, 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에서 리턴 다음 반환형 가지고

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

: 여기 Array<React.ReactElement<{}>>

또한 질문의 타이프 코드 여러 작은 에러를 해결 완전한 예이며