Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- import React from 'react'
- const Otsikko = ({kurssi}) => <h1>{kurssi}</h1>
- const Osa = ({nimi, tehtavia}) => <p>{nimi} {tehtavia}</p>
- const Sisalto = ({osat}) => {
- return (
- <div>
- {osat.map((osa) => <Osa nimi={osa.nimi} tehtavia={osa.tehtavia} key={osa.id} />)}
- </div>
- )
- }
- const Yhteensa = ({osat}) => <p>yhteensä {osat.reduce((acc, cur) => acc + cur.tehtavia, 0)} tehtävää</p>
- const Kurssi = ({kurssi}) => {
- return (
- <div>
- <Otsikko kurssi={kurssi.nimi}/>
- <Sisalto osat={kurssi.osat} />
- <Yhteensa osat={kurssi.osat} />
- </div>
- )
- }
- export default Kurssi
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement