Я создаю складную таблицу, когда пользователь нажимает на строку, детали извлекаются с помощью вызова API, и детали должны отображаться в виде новой таблицы ниже этой строки (как аккордеон).Повторное нажатие закрывает эту открытую строку, и это происходит для каждой строки (данные предоставляются по запросу).Может кто-нибудь предложить мне способ добиться этого с React + Redux
<tbody>
{projectslist.map( i =>
[<tr key={Math.random()} id={'row_'+i.id} onClick={toggleDetail(i.id)}>
<td key={Math.random()} md={1} xs={1}>{i.name}</td>
<td className="totalCol" key={Math.random()} md={1} xs={1}>{i.value}</td>
{months.map(m =>
weeks.map(w =>
w == 1 ? [ <td colSpan="2">1/2</td>, <td key={Math.random()}>{calculateCells(w, m.format("M"), recordslist[i.name])}</td>]
: <td key={Math.random()}>{calculateCells(w, m.format("M"), recordslist[i.name])}</td>
)
)}
</tr>,
<tr id={'child_'+i.id} ref={'child_'+i.id} style={{display:'none'}}>Test
</tr>]
)}
</tbody>