Update StarRating.md

This commit is contained in:
Angelos Chalaris
2018-10-18 14:37:12 +03:00
committed by GitHub
parent da17e5b58c
commit 23a724b736

View File

@ -5,8 +5,6 @@ Renders a star rating component.
Use the value of the `rating` prop to determine if a valid rating is supplied and store it in `state.rating` (or `0` if invalid or not supplied).
Initialize `state.selection` to `0`.
Create two methods, `hoverOver` and `setRating`, that take a number as argument and update `state.selected` and `state.rating` according to it, bind them both to the component's context.
In the `render()` method, define a functional component, called `Star` that will render each individual star with the appropriate appearance, based on the parent component's `state`, and handle its `onMouseEnter` and `onClick` events, using the parent component's `hoverOver` and `setRating` methods.
Render a `<div>` to wrap the `<Star>` components, which are created using `Array.prototype.map` on an array of 5 elements, created using `Array.from`, and handle the `onMouseLeave` event to set `state.selection` to `0`.
Finally, pass the appropriate values to each `<Star>` component (`starId`, `marked`, `onHover` and `setRating`).