Tehtävä: Luo chat-ilmoitus

Laadi mekanismi, joka näyttää ilmoituksen vain silloin, kun käyttäjällä on lukemattomia viestejä. Tarkistetaan, onko käyttäjällä lukemattomia viestejä. Jos tämä ehto täyttyy, näytetään ilmoitus, jossa kerrotaan viestien määrä. Jos käyttäjällä ei ole viestejä, mitään ei näytetä.

Tehtävä:

• Luo kaksi komponenttia: App pääkomponenttina ja Notification lapsikomponenttina.
• Pääkomponentin, App, tulee välittää prop nimeltä messages lapsikomponentille. messages-prop on taulukko, joka sisältää viestit. Lapsikomponentissa tulee tarkistaa messages-taulukon pituus.
• Jos taulukossa on viestejä, näytä merkkijono: You have <amount> of unread messages. Korvaa <amount> todellisella lukemattomien viestien määrällä.

1. Selvittääksesi, onko taulukossa viestejä, voit tarkistaa sen length-ominaisuuden. Syntaksi on - array.length.
2. Reactissa käytetään operaattoria && toteuttamaan if-lauseen logiikkaa.
3. Muodosta merkkijono oikein korvaamalla paikkamerkki amount taulukon todellisella pituudella.
4. Käytä aaltosulkuja {array.length} asettaaksesi taulukon pituuden merkkijonoon.