Skip to content

Latest commit

 

History

History
16 lines (13 loc) · 1.08 KB

README.md

File metadata and controls

16 lines (13 loc) · 1.08 KB

React person

Implement a Person component rendering a person details using the given markup and use it 3 times inside the App instead of static markup.

  • pass the whole person as a prop <Person person={misha} /> (not individual fields);
  • omit age if it is not given;
  • if a man is married use wife for a partner and husband if a woman is married;
  • if a person is not marriend - print I am not married message;
  • keep the same classNames in Person.jsx as in App.jsx (Person, Person__name, Person__age, Person__partner).

Instructions

  • Install Prettier Extention and use this VSCode settings to enable format on save.
  • Implement a solution following the React task guideline.
  • Open one more terminal and run tests with npm test to ensure your solution is correct.
  • Replace <your_account> with your Github username in the DEMO LINK and add it to the PR description.