const openHandler = (id: number) => {
setIsOpen(e => ({
...e,
[id]: !e[id],
}))
}
return(
{faq.map((e, i) => (
<>
<tr key={i} onClick={() => openHandler(e.id)}>
<td>
<div>{e.id}</div>
</td>
<td>
<div>{e.prefix}</div>
</td>
<td>
<div>{e.title}</div>
</td>
<td>
<div>{e.created}</div>
</td>
....
</tr>
{isOpen[e.id] && (
<tr style={{ border: '1px solid lightGray', width: '100%' }}>
<td> 내용</td>
{e.contents}
</tr>
)}
)