I need to be able to loop over a number and return some jsx. For example

```
<ul>
 {for(i =0; i < 10; i++){
   return <li>{i}</li>
 }}
</ul>

```

This is not exactly what I want to do, but if I can solve this then I should be able to complete what I need to do. This however returns expression expected on the `for`. I have done some research and people say you can't use `for` loops inside of jsx because they do not return anything.

How do I go about looping over a number to return some amount of jsx?