Skip to content

Latest commit

 

History

History
18 lines (14 loc) · 1.3 KB

File metadata and controls

18 lines (14 loc) · 1.3 KB

React person

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

  • Pass the entire person object as a prop using <Person person={misha} /> (do not use individual fields);
  • Omit the age if it is not present in the person object;
  • If a man is married, refer to his partner as wife; if a woman is married, refer to her partner as husband;
  • If a person is not married, display the message "I am not married";
  • Ensure that the class names in Person.jsx match those used in App.jsx (Person, Person__name, Person__age, Person__partner).

Important: The constants misha, olya, and alex are valid and should not be modified. Property age is optional.

Instructions

  • Install Prettier Extension 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.