Update StarRating.md
This commit is contained in:
@ -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`).
|
||||
|
||||
Reference in New Issue
Block a user