Need to loop the Icon and display Star Icon 5 times using React

Asked Dec 13 '21 at 13:22

Active Dec 13 '21 at 13:30

Viewed 32 times

I have a Star Icon, I need to display the Icon for 5 Times.. So this is what I did, I Imported that Icon and stored in one constant, After that I displayed 5 times in that Div......... But here I need to give Default value as 5 and Loop the Icon, Instead of displaying for 5 times.. Can anyone Help me in this, Thanks in Advance

Import {ReactComponet as Stars } from "assests/icons/star";
   
const starIcon = () => {
    const starIcon = <Stars />;
        
    return (
        <div>
            {starIcon } {starIcon } {starIcon } {starIcon } {starIcon }
        </div>
    )
}

edited Dec 13 '21 at 13:30

asked Dec 13 '21 at 13:22

sundeep

I don't understand the question, you want to render number of times depending on an argument N instead of hardcoded "5"? – Dennis Vash Dec 13 '21 at 13:25
Yes Exactly, Give some Solution for that – sundeep Dec 13 '21 at 13:27
@DennisVash , Can You give some Solution for that – sundeep Dec 13 '21 at 13:32
The duplicate upvoted answer is enough: https://stackoverflow.com/a/39438518/7882470, just use your component instead – Dennis Vash Dec 13 '21 at 13:38

Need to loop the Icon and display Star Icon 5 times using React

0 Answers0