Как передать значение за пределы архива при нажатии на кнопку в React js, React slick carousel?

Question

У меня есть два массива объектов, приведенных ниже

Head: [ 
        {name: "abc", Number: "931", TypeCode: "73HB"},
        {name: "pbc", Number: "781", TypeCode: "89PH"}
      ];
Super: [ 
        {name: "hxc", Number: "123", TypeCode: "T78"},
        {name: "bbc", Number: "567", TypeCode: "09Y"},
        {name: "TUJ", Number: "091", TypeCode: "OWE"}
      ];

   <Slider>
   {
      Head.map((item) => (
        <div>
          <h1>{item.name}</h1>
          <h1>{item.Number}</h1>
          <h1>{item.TypeCode}</h1>
        </div>
      )
      )
    }
   </Slider>

  <Slider>
   {
      Super.map((item) => (
        <div>
          <h1>{item.name}</h1>
          <h1>{item.Number}</h1>
          <h1>{item.TypeCode}</h1>
        </div>
      )
      )
    }
   </Slider>

   <div>
    <button  onClick={this.clickHandler()}   />
   </div>

   this.clickHandler(TypeCode, TypeCode) {

    console.log(TypeCode, TypeCode)

   }

Как передать артиконный типографский код Head и супераррикадный код типа в одном кадре с помощью кнопки onClick.

Примечание: кнопка находится вне обоих картографов. Для этого я использую карусель с реактивной пленкой Заранее спасибо.

Answer 1

Не совсем уверен, что вы ищете, но если вы просто хотите получить массив всех типов типов в Head и Super, вы можете сделать это:

const typeCodes = Head.concat(Super).map(item =>  item.TypeCode )