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ää lapsikomponentille prop nimeltä messages. 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. Viestien olemassaolon tarkistamiseksi taulukossa voidaan käyttää sen length-ominaisuutta. Syntaksi on - array.length.
2. Reactissa käytetään operaattoria && if-lauseen logiikan toteuttamiseen.
3. Merkkijonon muodostamiseksi oikein korvaa paikkamerkki amount taulukon todellisella pituudella.
4. Käytä aaltosulkuja {array.length} asettaaksesi taulukon pituuden merkkijonoon.