Реагируйте: Как добавить уникальный className?

Question

Как добавить к className - "i"? Чтобы каждый класс был уникальным? А может это сделано как-то иначе? Скажите пожалуйста?

	const onHandleCreateBlockInfo = () => {
  return infoArray.map(i => {
    return (
      <div key={id++} className={i.keys()}>
	 {i.company !== undefined ? <h2>Всего клиентов: {i.company.length}</h2> : null}
	 {i.invoice !== undefined ? <h2>Оплаченных заказов: {i.invoice.length}</h2> : null}
	 {i.projects !== undefined ? <h2>Открытых проектов: {i.projects.filter(i => i.status === true).length}</h2> : null}
	 {i.users !== undefined ? <h2>Работников компании: {i.users.length}</h2> : null}
      </div>
    );
  })
};

Это не так (

)

Answer 1

try className={"myClassName"+index}, который является stati c part myClassName и добавляет к нему индекс; не забудьте также получить индекс внутри карты. Фрагмент ниже:

  return infoArray.map((i, index) => {
return (
  <div key={index} className={"myClassName"+index}>
 {i.company !== undefined ? <h2>Всего клиентов: {i.company.length}</h2> : null}
 {i.invoice !== undefined ? <h2>Оплаченных заказов: {i.invoice.length}</h2> : null}
 {i.projects !== undefined ? <h2>Открытых проектов: {i.projects.filter(i => i.status === true).length}</h2> : null}
 {i.users !== undefined ? <h2>Работников компании: {i.users.length}</h2> : null}
  </div>
);
  })