が反応：私はそれは私が新しいんだ

Question

が反応すると、ユーザーがいない場合、私は、ユーザー名のユーザー

<NavItem eventKey={4} href="#">{this.state.name}</NavItem> 

を表示しますが、問題があるナビゲーションバーを作ったレンダリングする前の状態が存在するかどうかを確認できます私はthis.state.nameが未定義であるためにエラーが発生します。 this.state.nameがnavbarの一部としてレンダリングされる前に定義されているかどうか、またはこのエラーを取り除く良い方法があるかどうかを確認する方法はありますか？

Answer 1

あなたができることを確認：

let userNavItem 
if (this.state.name !== undefined) { 
    userNavItem = <NavItem eventKey={4} href="#">{this.state.name}</NavItem> 
} else { 
    userNavItem = null 
} 

は今、あなたはそれをあなたのナビゲーションバーのコンポーネントにuserNavItemを使用して、することができますthis.state.nameが定義されている場合にのみ描画されます。

Answer 2

確かに、三元使用：

render() { 
    return (
    this.state.name ? : <NavItem>{this.state.name}</NavItem> : null 
); 
} 

またはさらに短いを

render() { 
    return (
    this.state.name && <NavItem>{this.state.name}</NavItem> 
); 
}