Как в функции map каждому элементу передавать не строку, а переменную?

workersData.map(item => 
     <WorkerLabel 
      id={props.number}
      />) 

Приведённый выше код приведёт к тому, что в поле id запишется строка, которая является текущим значением props.number, а мне нужно, что бы сформированные компоненты получали реальный, текущий props.number, т.е. уже сформированный элемент должен выглядеть так: <WorkerLabel id={props.number} /> А сейчас выглядит так: <WorkerLabel id='57' /> .

Как это можно реализовать?

P.S. Мапить повторно нельзя. Мап у меня выполняется единожды.


Ответы (1 шт):

Автор решения: Prvz

У вас при обновлении props.number произойдет re-render компонента и в компоненты WorkerLabel запишется актуальное значение number.

→ Ссылка