Completed 1.5

This commit is contained in:
2021-08-26 13:40:04 +07:00
parent 0a8ef6b2e3
commit a7277b5036
+20 -18
View File
@@ -1,34 +1,36 @@
import React from 'react' import React from 'react'
const App = () => { const App = () => {
const course = 'Half Stack application development' const course = {
const parts = [ name: 'Half Stack application development',
{ parts: [
name: 'Fundamentals of React', {
exercises: 10 name: 'Fundamentals of React',
}, exercises: 10
{ },
name: 'Using props to pass data', {
exercises: 7 name: 'Using props to pass data',
}, exercises: 7
{ },
name: 'State of a component', {
exercises: 14 name: 'State of a component',
} exercises: 14
] }
]
}
return ( return (
<div> <div>
<Header course={course} /> <Header course={course} />
<Content part={parts} /> <Content part={course.parts} />
<Total part={parts} /> <Total part={course.parts} />
</div> </div>
) )
} }
const Header = (props) => { const Header = (props) => {
return ( return (
<h1>{props.course}</h1> <h1>{props.course.name}</h1>
) )
} }