отобразить два разных массива один в другой - PullRequest
Новая
       22

отобразить два разных массива один в другой

0 голосов
/ 13 мая 2019

У меня есть два разных массива в ReactionJS, и я хочу отобразить один внутри другого.

Календарь массива: 

[
  {
     "week_number": 1,
     "from": "Wednesday May 1st 2019",
     "to": "Saturday May 4th 2019"
  },
  {
     "week_number": 2,
     "from": "Sunday May 5th 2019",
     "to": "Saturday May 11th 2019"
  },
  {
     "week_number": 3,
     "from": "Sunday May 12th 2019",
     "to": "Saturday May 18th 2019"
 },

]

И строки массива: 

[
  {
     "index": 1,
     "name": "job mzito",
     "date": "01/30/2019",
     "regno": "C027-01-1200/2016"
  },
 {
     "index": 2,
     "name": "Samwel Kamwana",
     "date": "01/30/2019",
     "regno": "C027-01-1879/2016"
  },
 {
     "index": 3,
     "name": "denis  mwaniki",
     "date": "02/03/2019",
     "regno": "C027-01-1256/2016"
  },

]

Итак, для каждого элемента вкалендарный массив Я хочу отобразить атрибуты элемента вместе со всеми элементами в массиве строк.Но функции карты ниже ничего не возвращают.Любая помощь будет принята с благодарностью.

Это то, что я имею до сих пор: 

<div className="content-section">
{calendar.map((period, index) => {
  {data.rows.map(row => 
      {
        return <p key={index}> Week: {period.week_number} Starting From: {period.from} To: {period.to}</p>
        return <p>{row.name}{row.date}{row.regno}</p>
      }
    )}                                     
})}
</div>

1 Ответ

0 голосов
/ 13 мая 2019

Ваши операторы возврата размещены неправильно, данные календаря должны быть на первой карте, а строки на второй карте 

<div className="content-section">
    {calendar.map((period, index) => {
        return (
           <React.Fragment>
              <p key={index}> Week: {period.week_number} Starting From: {period.from} To: {period.to}</p>
              {data.rows.map(row => {
                  return <p>{row.name}{row.date}{row.regno}</p>
              })}
           </React.Fragment>     
        )                         
    })}
</div>
...