How in vue.js, in the tsx component, display elements in a loop?

Question

JavaScript

tsx components are used, i.e. function is used to render the component

render() {
    return (
      <div>
          <div v-for={weekDay in this.arWeekDays} >
              <div>{weekDay}</div>
          </div>
      </div>
    )
  }

But this code throws an error "index is not defined".
Tell me, how can I implement the output of elements in a cycle in tsx?
In the example, you need to display the days of the week in a loop. If not done through tsx, then the analogue would look something like this:

<div>
  <div v-for="weekDay in arWeekDays" >
    <div>{{weekDay}}</div>
  </div>
</div>

Answer 1

v-for={weekDay in this.arWeekDays}

Or maybe "weekDay is not defined" after all? Or are you silent about something?
Forget about v-for:

<div>
  {this.arWeekDays.map(n => <div>{n}</div>)}
</div>