React, can't render element after axios get request?

Question

React

{this.state.cinemas.map(cinema => (
          <ListItemCinema
            mall={cinema.attributes.mall}
            title={cinema.attributes.title}
            subway={
              cinema.attributes.subway[0] === "undefined"
                ? null
                : cinema.attributes.subway[0].name
            }
            labels={cinema.attributes.labels}
            key={cinema.id}
            shortTitle={cinema.attributes.shortTitle}
          />
        ))}

how can i display all the elements if there is a subway array in some objects

Answer 1

There is nothing stopping you from passing the cinema object to the component as a whole:

const ListItemCinema = ({ cinema }) => {
  const { subway, shortTitle, labels, title, mail } = cinema.attributes;
  
  /* some code */  

  return (
    <div>
      {/* some code */}
      <ul>
        {subway.map(station => <li key={station.name}>{station.name}</li>)}
      </ul>
    </div>
  );
}

Answer 2

{this.state.cinemas.map((cinema,num) => (
      <ListItemCinema
        mall={cinema.attributes.mall}
        title={cinema.attributes.title}
        subway={
          cinema.attributes.subway[num] === "undefined"
            ? null
            : cinema.attributes.subway[num].name
        }
        labels={cinema.attributes.labels}
        key={cinema.id}
        shortTitle={cinema.attributes.shortTitle}
      />
    ))}

If you are talking about it