Skip to content
Snippets Groups Projects
Commit 8a346d8c authored by Elmeri Hyvönen's avatar Elmeri Hyvönen
Browse files

Upload New File

parent aa35d281
No related branches found
No related tags found
No related merge requests found
import React from 'react'
import ReactDOM from 'react-dom'
const Header = (props) => {
return (
<div>
<h1>{props.name}</h1>
</div>
)
}
const Contents = (props) => {
return (
<div>
<Part part={props.parts[0]}/>
<Part part={props.parts[1]}/>
<Part part={props.parts[2]}/>
</div>
)
}
const Part = (props) => {
return (
<div>
<p>{props.part.name} {props.part.exercises}</p>
</div>
)
}
const Total = (props) => {
return (
<div>
<p>Total {props.parts[0].exercises + props.parts[1].exercises + props.parts[2].exercises} exercises</p>
</div>
)
}
const App = () => {
const course = {
name: 'Superadvanced web and mobile programming',
parts: [
{
name: 'Basics of React',
exercises: 8
},
{
name: 'Using props',
exercises: 10
},
{
name: 'Component states',
exercises: 12
}
]
}
return (
<div>
<Header name={course.name} />
<Contents parts={course.parts} />
<Total parts={course.parts} />
</div>
)
}
ReactDOM.render(
<App />,
document.getElementById('root')
)
\ No newline at end of file
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment