Не могу понять, почему я получаю только одну строку таблицы в этом цикле реакции - PullRequest
0 голосов
/ 21 июня 2020

Переменная Tables - это объект, который содержит и массив объектов. const Tables = {QD1:[{key:value, key:value, key:value, key:value}],QD1:[{key:value, key:value, key:value,key:value}]}

Я пытаюсь построить таблицу на основе ее содержимого. Однако, когда я запускаю следующий код, я получаю только одну строку, когда ожидаю получить строку для каждого объекта в массиве. Может ли кто-нибудь сказать мне, что я делаю не так?

    render() {
const Tables = this.state.tableResult.Tables;
console.log(Tables);
if(typeof Tables !== 'undefined'){
  const display = Object.keys(Tables).map((bannerRowKey, bannerRowIndex) => {  
    let crossTab = Object.values(Tables[bannerRowKey]);
    console.log(crossTab);
    // if(bannerRowIndex===0){
    const TableRow = crossTab.map((crossTabRow,crossTabRowIndex)  => (
      // console.log(crossTabRowIndex);
      <tr key={'header'+crossTabRowIndex.toString()}></tr>
    ));
    return (
    <thead key={'header'+bannerRowIndex.toString()}>{TableRow}</thead>
    )

  })


  return <div id="table_holder" className="table-responsive mx-3">
  <table className="table-sm">
  {display}
  </table>
</div>
}else{
  return (
  <div id="table_holder" className="table-responsive mx-3">
    <table className="table-sm">
    </table>
  </div>
  );
}

}

1 Ответ

0 голосов
/ 22 июня 2020

Я понял, что моя карта вернула ключ и значение, поэтому: QD1: [{ключ: значение, ключ: значение, ключ: значение, ключ: значение}] вместо просто: [{ключ: значение, ключ: значение , ключ: значение, ключ: значение}].

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