ネストされたコンポーネントでは、私は、このコンポーネントを持ってReduxの

Question

反応し、私はこのエラー

を取得

export default class Dashboard extends React.Component<RouteComponentProps<{}>, {}> 
{ 
    public render() 
    { 
     return <div><UserInfo /></div>; 
    } 
} 

が、コンテナなど

type UserInfoProps = UserInfoState.IUserInfoState & typeof UserInfoState.actionCreators 

class UserInfo extends React.Component<UserInfoProps, UserInfoState.IUserInfoState> 
{ 
    public componentWillMount() 
    { 
     this.props.loadUserInfo(); 
    } 

    public render() 
    { 
     return <div>{this.props.firstname + ' ' + this.props.lastname}</div> 
    } 
} 

export default connect((state: ApplicationState) => state.userInfo, UserInfoState.actionCreators)(UserInfo) as typeof UserInfo; 

と第二成分TS2324プロパティ 'ファーストネームは' に欠けている

タイプ 'IntrinsicAttributes & IntrinsicClassAttributes & Readonly < {ch ildren ?: ReactNode; }> & ... '

私はここで間違って何をすればよいですか？

Answer 1

<UserInfo />コンポーネントの場合は、firstnameが送信されている必要があります。

UserInfoPropsは、コンポーネントに送信する必要があるものを定義します。

firstnameを追加してみてください。

<UserInfo firstname="somebody" />

コメントから、すぐに小道具を必要としないようにしたいようにあなたがそのオプションを活字体伝えるために?が含まれるであろうことをやって...そうです。

UserInfoProps = { 
    firstname?: string; 
    lastname?: string; 
}