Wie lade ich meine React-Komponente bedingt?

Question

Wie lade ich meine React Toolbar-Komponente bedingt bei Statusänderung?

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

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

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

Answer 1

Sieht aus wie Sie einen Tippfehler Fehler hast du ; nach null hat dieses Bild nicht benötigte auch können Sie die von getToolbar function Stattdessen versuchen loszuwerden:

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

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

Answer 2

Eine andere Möglichkeit, etwas bedingt zu machen ist, dies zu tun :

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

was natürlich darauf zurückzuführen, wie ‚Truthiness‘ funktioniert in Javascript, bedeutet, dass Sie diese weiter verkürzen könnte th ist:

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