You have a GroceryApp class, which receives a list of products, each one with name and votes. The app should render an unordered list, with a list item for each product. Products can be upvoted or downvoted.
By appropriately using React state and props, implement the upvote/downvote logic. Keep the state in the topmost component, while the Product component should accept props.
For example, passing the following array as products prop to GroceryApp [{ name: "Oranges", votes: 0 }, { name: "Bananas", votes: 0 }] and clicking the '+' button next to the Oranges should result in HTML like:
<div id="root">
<ul>
<li>
<span>Oranges</span> - <span>votes: 1</span><button>+</button> <button>-</button>
</li>
<li>
<span>Bananas</span> - <span>votes: 0</span><button>+</button> <button>-</button>
</li>
</ul>
</div>
- Example case: Wrong answer
- GroceryApp should render a list item for each product: Wrong answer
- Clicking on "+" button increases product votes: Wrong answer
- Clicking on "-" button decreases product votes: Wrong answer
Tags
ReactScore Distribution
0-33% | |
---|---|
34-66% | |
67-100% |
Would you like to see our other questions?
We have 850+ premium hand-crafted questions for 50+ job skills and 15+ coding languages. We prefer questions with small samples of actual work over academic problems or brain teasers.
Visit our question libraryPrivate Concierge
Send us an email with an explanation of your testing needs and a list of candidates. We will create an appropriate test, invite your candidates, review their results, and send you a detailed report.
Contact Private ConciergeWould you like to see our tests? The following tests contain React related questions:
On the TestDome Blog
Screening Applicants: The Good, the Bad and the Ugly
Since we’re all biased and we use incorrect proxies, why not just outsource hiring to experts or recruitment agencies? After all, they’ve been screening people for many years, so they must know how to do it right?
Not really. I was surprised to discover that many experts disagree with each other. Everybody praises their pet method and criticizes the others. Many of these methods look legitimate, but are based on...