Advertisement
Guest User

Untitled

a guest
Jul 18th, 2018
69
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 1.00 KB | None | 0 0
  1. import React from 'react'
  2. import ReactDOM from 'react-dom'
  3.  
  4. import Kurssi from './components/Kurssi'
  5.  
  6. const App = () => {
  7. const kurssit = [
  8. {
  9. nimi: 'Half Stack -sovelluskehitys',
  10. id: 1,
  11. osat: [
  12. {
  13. nimi: 'Reactin perusteet',
  14. tehtavia: 10,
  15. id: 1
  16. },
  17. {
  18. nimi: 'Tiedonvälitys propseilla',
  19. tehtavia: 7,
  20. id: 2
  21. },
  22. {
  23. nimi: 'Komponenttien tila',
  24. tehtavia: 14,
  25. id: 3
  26. }
  27. ]
  28. },
  29. {
  30. nimi: 'Node.js',
  31. id: 2,
  32. osat: [
  33. {
  34. nimi: 'Routing',
  35. tehtavia: 3,
  36. id: 1
  37. },
  38. {
  39. nimi: 'Middlewaret',
  40. tehtavia: 7,
  41. id: 2
  42. }
  43. ]
  44. }
  45. ]
  46.  
  47. return (
  48. <div>
  49. {kurssit.map((kurssi) => <Kurssi key={kurssi.id} kurssi={kurssi} />)}
  50. </div>
  51. )
  52. }
  53.  
  54. ReactDOM.render(
  55. <App />,
  56. document.getElementById('root')
  57. )
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement