part2/courseinfo2/src/App.js


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66

import Course from './components/Course' 

const App = () => {
  const courses = [
  {
          name: 'Half Stack application development',
          id: 1,
    parts: [
      {
                  name: 'Fundamentals of React',
                  exercises: 10,
                  id: 1
                
      },
    {
                name: 'Using props to pass data',
                exercises: 7,
                id: 2
              
    },
    {
                name: 'State of a component',
                exercises: 14,
                id: 3
              
    },
    {
                name: 'Redux',
                exercises: 11,
                id: 4
              
    }
          
    ]
        
  }, 
    {
            name: 'Node.js',
            id: 2,
      parts: [
        {
                    name: 'Routing',
                    exercises: 3,
                    id: 1
                  
        },
        {
                    name: 'Middlewares',
                    exercises: 7,
                    id: 2
                  
        }
              
      ]
          
    }
      
  ]
  
  return (<>{courses.map( (course) => {
      return <Course course={course} />
    } )
    }</>)  
}

export default App