如何在react-table中指定扩展数据行？

Question

从此文档示例开始。

  

https://react-table.js.org/#/story/custom-expander-position

文档示例的结果：

  

  
1. 当我单击row0时，在row0下展开的数据将显示Hello
  
2. 当我单击row1时，在row1下展开的数据将显示Hello
  

关于SubComponent中的道具ReactTable的

。当展开一行时，每行将显示相同的数据，但我想显示按行特定的数据

我想要做的结果：

  

  
1. 当我单击row0时，在row0下展开的数据将显示Hello 0
  
2. 当我单击row1时，在row1下展开的数据将显示Hello 1
  

如何使用react-table来做到这一点？

Answer 1

您可以为您尝试此子组件：

<script src="https://cdnjs.cloudflare.com/ajax/libs/date-fns/1.29.0/date_fns.min.js"></script>
<div class="form">
    <form class="login-form" method="POST" action="main.php">
        <input type="date" id="borndate" name="borndate" required="required"/>
    </form>
    <button onclick="comparedate()">Compare</button>
</div>

沙盒：https://codesandbox.io/s/o708980o7q

v是元素，您将获得要显示的行的索引。希望这会有所帮助。