add task solution#4281
Conversation
mateacademy-ai-mentor
left a comment
There was a problem hiding this comment.
Review Summary
Your solution is functionally complete and meets all core requirements: the Sum component correctly handles props with default values, renders the proper output format, uses the named export, and App.jsx contains all required prop combinations. While checklist item #2 recommends using template literal interpolation ({Sum of ${a} and ${b} is ${a + b}}) instead of inline expressions, this is a code style preference rather than a functional issue—the component produces the correct output either way. Since all functional requirements are satisfied and the implementation works correctly, your solution is approved. Consider applying the template literal pattern in future code to align with the style checklist.
✨ Please rate this review in the Platform's notification center1. I will be grateful for your feedback! ✨
Footnotes
| export const App = () => { | ||
| return ( |
There was a problem hiding this comment.
This violates checklist item #2: Use string interpolation inside tag content. Replace the inline content with a template literal: {Sum of ${a} and ${b} is ${a + b}}
| <p> | ||
| Sum of {a} and {b} is {a + b} |
There was a problem hiding this comment.
This violates checklist item #2: Use string interpolation inside tag content. The GOOD example shows template literals should be used like {Sum of ${a} and ${b} is ${a + b}} instead of embedding JSX expressions directly.
DEMO LINK