Как отобразить несколько строк только для данного столбца в реакции, используя таблицы реакции?

Question

Я хочу отобразить табличные данные в формате,

[
      {
          "user1":{
              "firstName": ["abcd"],
              "lastName":[ "xyz"],
          },
          "user2": {
              "firstName": "qwer",
              "lastName": "nmas"
          },
          "others": [
              {
                  "firstName": "sadas",
                  "lastName": "sadas"
              },
              {
                  "firstName": "cccc",
                  "lastName": "nmcs"

              }
            ]
      }
  ]

Я хочу визуализировать эти данные, используя строки реакции Как отобразить другие, которые являются массивом?

Answer 1

Если ваш массив назначен переменной data:

data[0].others.map(item => <p>{`${item.firstname} ${item.lastName}`}</p>)

Если ваш массив data содержит более 1 элемента, вы также можете отобразить его:

data.map(d => d.others.map(item => <p>{`${item.firstname} ${item.lastName}`}</p>))