10h30/fullstackopen
1
0
Fork 0
mirror of https://github.com/10h30/fullstackopen.git synced 2026-06-05 15:08:33 +09:00
Code Issues Packages Projects Releases Wiki Activity

Completed 2.5

Browse Source
This commit is contained in:
Thuan Bui
2021-08-27 13:47:14 +07:00
parent 528e01ce69
commit 20b663b80a
2 changed files with 45 additions and 41 deletions
Download Patch File Download Diff File Expand all files Collapse all files
part2/2.1-2.5/src/App.js
+1 -41
View File
@@ -1,4 +1,5 @@
import React from 'react' import React from 'react'
import Course from './components/Course'
const App = () => { const App = () => {
const courses = [ const courses = [
@@ -53,45 +54,4 @@ const App = () => {
) )
} }
const Course = ({course}) => {
return (
<div>
<Header course={course} />
<Content part={course.parts} />
<Total part={course.parts} />
</div>
)
}
const Header = (props) => {
return (
<h2>{props.course.name}</h2>
)
}
const Content = (props) => {
//console.log(props)
return (
<div>
{props.part.map(part =>
<Part key={part.id} part={part} />
)}
</div>
)
}
const Part = (props) => {
return (
<p>{props.part.name} {props.part.exercises}</p>
)
}
const Total = ({part}) => {
const total = part.reduce((sum, p) => sum + p.exercises, 0)
return (
<p><strong>Total of exercises {total}</strong></p>
)
}
export default App export default App
part2/2.1-2.5/src/components/Course.js
+44
View File
@@ -0,0 +1,44 @@
import React from 'react';
const Course = ({course}) => {
return (
<div>
<Header course={course} />
<Content part={course.parts} />
<Total part={course.parts} />
</div>
)
}
const Header = (props) => {
return (
<h2>{props.course.name}</h2>
)
}
const Content = (props) => {
//console.log(props)
return (
<div>
{props.part.map(part =>
<Part key={part.id} part={part} />
)}
</div>
)
}
const Part = (props) => {
return (
<p>{props.part.name} {props.part.exercises}</p>
)
}
const Total = ({part}) => {
const total = part.reduce((sum, p) => sum + p.exercises, 0)
return (
<p><strong>Total of exercises {total}</strong></p>
)
}
export default Course