10h30/fullstackopen
1
0
Fork 0
mirror of https://github.com/10h30/fullstackopen.git synced 2026-07-11 18:55:52 +09:00
Code Issues Packages Projects Releases Wiki Activity

Completed 1.2

Browse Source
This commit is contained in:
Thuan Bui
2021-08-26 12:11:13 +07:00
parent c28ba15357
commit 6fac642921
1 changed files with 10 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
part1/src/App.js
+10 -4
View File
@@ -12,9 +12,7 @@ const App = () => {
return ( return (
<div> <div>
<Header course={course} /> <Header course={course} />
<Content part={part1} excercise={exercises1} /> <Content part={[part1,part2,part3]} exercises={[exercises1, exercises2, exercises3]} />
<Content part={part2} excercise={exercises2} />
<Content part={part3} excercise={exercises3} />
<Total exercises={[exercises1, exercises2, exercises3]} /> <Total exercises={[exercises1, exercises2, exercises3]} />
</div> </div>
) )
@@ -29,12 +27,20 @@ const Header = (props) => {
const Content = (props) => { const Content = (props) => {
return ( return (
<div> <div>
<p>{props.part} {props.excercise}</p> <Part part={props.part[0]} exercises={props.exercises[0]} />
<Part part={props.part[2]} exercises={props.exercises[1]} />
<Part part={props.part[2]} exercises={props.exercises[2]} />
</div> </div>
) )
} }
const Part = (props) => {
return (
<p>{props.part} {props.exercises}</p>
)
}
const Total = (props) => { const Total = (props) => {
return ( return (
<p>Number of exercises {props.exercises[0] + props.exercises[1] + props.exercises[2]}</p> <p>Number of exercises {props.exercises[0] + props.exercises[1] + props.exercises[2]}</p>