如何有条件地加载我的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> 
    ); 
}