How to set a certain repeating sequence of styles for array elements?

Question

React

Hello.
There is an array of unknown length with objects. Depending on the value of the "id" of the object, you need to set the shape of the element in the following sequence:
- square
- circle
- arch
- circle
- arch
- square
- arch
- square
- circle
- then repeat

There was an idea to split the array into subarrays with the number of elements in length sequence, and then each independently assign a form, no more thoughts .. Tell me how to do it right

Answer 1

If by "Depending on the value of "id"" it is meant that there is a serial number in id, then so (otherwise - extrapolate yourself):

const types = ['квадрат', ...];
// ...
const type = types[obj.id % types.length];