如何有條件地加載我的React組件？

Question

如何在狀態改變的條件下加載我的React工具欄組件？

constructor(props) { 
     super(props); 
     this.state = { 
      currentpagenum: 0, 
     }; 
    } 

render(){ 
    return(
     <View> 
      {this.state.currentpagenum!==0 ? this.getToolbar(): null;} 
     </View> 
    ); 
} 

getToolbar(){ 
     return(
      <ToolbarAndroid /> 
    ); 
} 

Answer 1

看起來你null後給你加;一個錯字的錯誤，這是不必要的，你也可以擺脫getToolbar function而不是嘗試：

constructor(props) { 
    super(props); 
    this.state = { 
     currentpagenum: 0, 
    }; 
} 

render() { 
    return(
     <View> 
      {this.state.currentpagenum !== 0 ? <ToolbarAndroid /> : null} 
     </View> 
    ); 
} 

Answer 2

另一種方式來呈現一些有條件的做到這一點：

render() { 
    return(
     <View> 
      {this.state.currentpagenum !== 0 && <ToolbarAndroid />} 
     </View> 
    ); 
} 

這當然是由於'真實'在javascript中的作用，這意味着你可以縮短到第是：

render() { 
    return(
     <View> 
      {this.state.currentpagenum && <ToolbarAndroid />} 
     </View> 
    ); 
}