Skip to content
Snippets Groups Projects
Commit 1a7c8032 authored by Roy Grönroos's avatar Roy Grönroos
Browse files

Exercise 2.3

parent 304a1f6e
No related branches found
No related tags found
No related merge requests found
import React from 'react';
const Contents = ({ parts }) => {
return (
parts.map(part =>
<Part key={part.id} name={part.name} exercises={part.exercises} />
)
)
}
const Header = ({ name }) => {
return (
<h1>{name}</h1>
)
}
const Part = (props) => {
return (
<p>{props.name} {props.exercises}</p>
)
}
const Total = ({ parts }) => {
let totalExercises = 0
parts.map(part =>
totalExercises += part.exercises
)
return (
<p>Total {totalExercises}</p>
)
}
const Course = ({ course }) => {
return (
<div>
<Header course={course.name} />
<Contents parts={course.parts} />
<Total parts={course.parts} />
</div>
)
}
export default Course
\ No newline at end of file
import React from 'react' import React from 'react'
import ReactDOM from 'react-dom' import ReactDOM from 'react-dom'
import Course from './components/Course'
const Contents = ({ parts }) => {
return (
parts.map(part =>
<Part key={part.id} name={part.name} exercises={part.exercises} />
)
)
}
const Course = ({ course }) => {
return (
<div>
<Header course={course.name} />
<Contents parts={course.parts} />
<Total parts={course.parts} />
</div>
)
}
const Header = ({ name }) => {
return (
<h1>{name}</h1>
)
}
const Part = (props) => {
return (
<p>{props.name} {props.exercises}</p>
)
}
const Total = ({ parts }) => {
let totalExercises = 0
parts.map(part =>
totalExercises += part.exercises
)
return (
<p>Total {totalExercises}</p>
)
}
const App = () => { const App = () => {
const course = { const course = {
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment