Εμφάνιση ή απόκρυψη στοιχείου στο React

Ασχολούμαι για πρώτη φορά με το React.js και δεν μπορώ να βρω έναν τρόπο να εμφανίσω ή να αποκρύψω κάτι σε μια σελίδα μέσω του συμβάντος κλικ. Δεν φορτώνω καμία άλλη βιβλιοθήκη στη σελίδα, οπότε ψάχνω για κάποιον εγγενή τρόπο χρησιμοποιώντας τη βιβλιοθήκη React. Αυτό είναι αυτό που έχω μέχρι στιγμής. Θα ήθελα να δείξω το div των αποτελεσμάτων όταν πυροδοτείται το συμβάν κλικ.

Damjan Pavlica
Επεξεργασμένη ερώτηση Κάνε Μάιος 2018 в 12:02
Προγραμματισμός
javascript reactjs
Κάνε Ιούλιος 2014 в 5:17
1 προβολή
Λύση

Το κλειδί είναι να ενημερώνετε την κατάσταση του στοιχείου στον χειριστή κλικ χρησιμοποιώντας το setState. Όταν εφαρμοστούν οι αλλαγές κατάστασης, η μέθοδος render καλείται ξανά με τη νέα κατάσταση:

daaawx
Επεξεργασμένη απάντηση Κάνε Απρίλιος 2019 в 4:16
Σχόλια (5)
 

    .hidden { display:none; }

render: function() {
    return (
      <div className={this.props.shouldHide ? 'hidden' : ''}>
        This will be hidden if you set props.shouldHide 
        to something truthy.
      </div>
    );
}

// or in more modern JS and stateless react
const Example = props => <div className={props.shouldHide}/>Hello</div>
John Haugeland
Επεξεργασμένη απάντηση Κάνε Απρίλιος 2019 в 2:26
Σχόλια (13)

Ορίζετε μια boolean τιμή στην κατάσταση (π.χ. 'show)', και στη συνέχεια κάνετε:

Σχόλια (5)