How to not create a function every time for the handler if there can be multiple of them?

Question

For example, it is a StarRating component that can let the user select 1 to 5 stars or 1 to 10 stars, and the component is:

export default function StarRating({ n