как свернуть предыдущие развернутые строки в таблице реакции 6 с помощью getTdProps - PullRequest
0 голосов
/ 18 июня 2020

Я хочу создавать развертывание и свертывание по одному, щелкая строку в таблице реакции 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>
              }}
 /> 


Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...