xxxxxxxxxx
import React, { useState } from 'react';
import StarRatings from './react-star-ratings';
const Foo = () => {
const [rating, setRating] = useState(2);
const changeRating = (newRating, name) => {
setRating(newRating);
};
return (
<StarRatings
rating={rating}
starRatedColor="blue"
changeRating={changeRating}
numberOfStars={6}
name='rating'
/>
);
};
export default Foo;
xxxxxxxxxx
import Star from "../assets/star.svg";
const Rating = ({ value }) => {
const stars = Array(value).fill(Star);
return (
<>
{stars.map((star, index) => (
<img key={index} src={star} width='14' height='14' alt='star' />
))}
</>
);
};
export default Rating;