Я хочу создавать развертывание и свертывание по одному, щелкая строку в таблице реакции v6. Я нашел способ расширения, щелкнув строку с помощью getTdProps, но я также хочу свернуть предыдущую, если текущая активна, чтобы одна расширенная строка за раз. Ниже мой код
this.state = { expanded: null }
expand_row (row) {
var expanded = {...this.state.expanded};
if (expanded[row.index]) {
expanded[row.index] = !expanded[row.index];
}
else {
expanded[row.index] = true;
}
this.setState({
expanded: expanded
});
}
<ReactTable
expanded={this.state.expanded}
getTdProps={(state, rowInfo, column, instance) => {
return {
onClick: e => {
this.expand_row(rowInfo);
}
};
}}
SubComponent={d => {
return <p>Text here</p>
}}
/>