Question 225401 in Javascript Question posted in
A very good W3school tutorial can be found here.

Javascript – execute a for loop inside a div, but giving error

i tried to loop and execute a component inside react, but giving error. Map function is used when we have an array, but here i have a number and i want to execute a component 4 number of times.

Error it was giving is : "Parsing error: Unexpected token (61:23)"

<div>
(
for (var i=0; i <4; i++) {
       <StarIcon />
 }
)
</div>
Tags:

2

Answers


  1. 0

    There is a better way to display your stars 🙂

      <div>
    {Array.from({ length: 5 }).map((_, i) => (
      <StarIcon key={i} />
    ))}
  </div>
    Login or Signup to reply.
  2. 0

    In your form of approach this is how you can properly perform displaying the component you want in a loop.

    const REPEATED_COUNTS = 4;

const components = [];
  for (let i = 0; i <= REPEATED_COUNTS; i++) {
    components.push(<Stars key={i} />);
 }
  return (
    ...
    <div>{components}</div>
  );
};
    Login or Signup to reply.
Please signup or login to give your own answer.

Back To Top
Search