Advertisement
Guest User

Untitled

a guest
Jul 18th, 2018
74
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 0.65 KB | None | 0 0
  1. import React from 'react'
  2.  
  3.  
  4. const Otsikko = ({kurssi}) => <h1>{kurssi}</h1>
  5.  
  6. const Osa = ({nimi, tehtavia}) => <p>{nimi} {tehtavia}</p>
  7.  
  8. const Sisalto = ({osat}) => {
  9. return (
  10. <div>
  11. {osat.map((osa) => <Osa nimi={osa.nimi} tehtavia={osa.tehtavia} key={osa.id} />)}
  12. </div>
  13. )
  14. }
  15.  
  16. const Yhteensa = ({osat}) => <p>yhteensä {osat.reduce((acc, cur) => acc + cur.tehtavia, 0)} tehtävää</p>
  17.  
  18. const Kurssi = ({kurssi}) => {
  19.  
  20. return (
  21. <div>
  22. <Otsikko kurssi={kurssi.nimi}/>
  23. <Sisalto osat={kurssi.osat} />
  24. <Yhteensa osat={kurssi.osat} />
  25. </div>
  26. )
  27. }
  28.  
  29. export default Kurssi
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement