hide/show klickt auf ein anderes div

Question

Ich möchte die Liste der Elemente ausblenden/anzeigen, wenn ich auf die Schaltfläche klicke, aber sie wird sie nicht verstecken und console.log von "sollHide" ist gleich undefiniert.

Funktion

showHideToggle(){ 
    this.setState({shouldHide: true}); 
} 


    const { shouldHide} = this.props; 

Div Ich möchte

 <div className={shouldHide ? 'hidden' : ''} > 
     <WeatherInfo /> 
    </div>; 

dies das div verbergen ist, die von einem getrennten Ich versuche

<div onClick={(e) => {this.List(e);this.showHideToggle}}></div> 

Konstruktor

zu verstecken

this.state = { 
    shouldHide: true 
}; 

Answer 1

Ihr Konstruktor sollte wie folgt aussehen:

constructor(props) { 
    super(props); 
    this.state = { shouldHide: true }; 
    } 

und Ihre showhide sollte dies wahrscheinlich tun, anstatt sonst wird es nicht wechseln und wird immer wahr sein

showHideToggle(){ 
    this.setState({shouldHide: this.state.shouldHide ? false : true}); 
} 

const { shouldHide} = this.props;const { shouldHide} = this.state sein sollte in Ihrem machen Bereich

aber <div className={this.state.shouldHide ? 'hidden' : ''} > sollte auch funktionieren, da es in der richtigen Gegend ist.