هل يوجد library بها component عندما امرر له رقم rating يرسم النجوم المقابلة لهذا الرقم؟

نعم يوجد مكتبات كثيرة يمكنكي فقط البحث عن " rating component "  + اسم المكتبة فمثلاً عند البحث عن react rating components ستجدي في نتائج البحث المكتبة material ui حيث تكون ال component كالتالي

<Rating name="read-only" value={value} readOnly />

ويوجد مكون يمكنك التحكم في عدد النجوم من خلال الضغط عليها كمايلي

<Rating
  name="simple-controlled"
  value={value}
  onChange={(event, newValue) => {
    setValue(newValue);
  }}
/>

يمكنك الإطلاع على المزيد من التفاصيل من خلال هذا الرابط

السلام عليكم ,
يوجد العديد من المكتبات التي تحتوي على ذلك , 
و من ضمنهم :
-material ui
- and design
-flowbite - في حال استعمال tailwind 
- chakra ui 
-core ui
-react prime - في حال استعمال react 

مثال من ant design 
 

import React from 'react';
import { Rate } from 'antd';

const App: React.FC = () => <Rate allowHalf defaultValue={2.5} />;

export default App;