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
ageif 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 ashusband; - If a person is not married, display the message "I am not married";
- Ensure that the class names in
Person.jsxmatch those used inApp.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.
- 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 testto ensure your solution is correct. - Replace
<your_account>with your Github username in the DEMO LINK and add it to the PR description.