Javascript 在React中，在表上创建可扩展行的简单方法是什么？

我试着去查这个，但是除了图书馆之外，什么都没找到，对于这样一个简单的任务来说，图书馆有点大。我很好奇，你们中是否有人知道一种简单的方法，在单击表行的事件时，它将展开并显示有关该行的信息？

可能在任何库中都没有解释，因为它实际上是多么简单。仅在切换行时显示您感兴趣的信息。在数据源中，需要为每个可展开行设置一个标志

const [rows, setRows] = useState([
  { ...rowContent, isExpanded: false }
]);

之后，在将行映射到内容并呈现它们的UI中，您需要显示一个UI元素，该元素将切换行的isExpanded状态，或者只需在单击时切换，逻辑是相同的

<div className="row" onClick={() => {
  setRows(rows => {
    const newRows = [...rows];
    newRows[rowIndex].isExpanded = !newRows[rowIndex].isExpanded;
    return newRows;
  });
}>
  {...shortRowContent}
  {rows[rowIndex].isExpanded && (
    {...fullRowContent}
  )}
</div>

---

你能把你的密码寄出去吗？展开并显示有关该行的信息太模糊，无法正确回答。谢谢，我能够做到这一点，但我只是对reactstrap表有问题，因为它是一个关于映射多行的问题。我可能很快会再次发布。