Блог

Главная - Вопросы по программированию - Как отобразить ровно два флажка с картой из вложенного объекта?

Как отобразить ровно два флажка с картой из вложенного объекта?

#javascript #html #reactjs

Вопрос:

У меня есть этот вложенный объект, мне нужно отобразить компонент checkbox только в два раза больше предметов роскоши. Я попробовал карту внутри карты, но у меня 4 флажка

 const Rooms = [
  {
    id: uuidv4(),
    description: 'Chnambre du luxe 1',
    size: '250',
    guests: '4',
    roomType: 'family room',
    luxuries: [
      { id: 1, value: 'pets', checked: false },
      { id: 2, value: 'breackfast', checked: true }
    ],
    picture: 'pictures/pic.jfif',
    price: 1000
  },
  {
    id: uuidv4(),
    description: 'chambre du lux2',
    picture: 'pictures/pic2.jfif',
    price: 2000,
    size: '300',
    guests: '4',
    roomType: 'single room',
    luxuries: [
      { id: 1, value: 'pets', checked: false },
      { id: 2, value: 'breackfast', checked: true }
    ]
  }
]
 
 <div className="containerInputCheckBox">
  {console.log('this is your table', Rooms.luxuries)}
  {Rooms.map(room =>
    room.luxuries.map(() => (
      <Checkbox handleCheckedElement={handleCheckedElement} />
    ))
  )}
</div>

Комментарии:

1. Не могли бы вы показать пример вложенного объекта?

2. Итак, вы представляете две комнаты, в которых есть две роскоши… 2 х 2 = 4, так в чем же проблема?

3. @SamuliHakoniemi Я хочу показать только точное количество предметов роскоши.

4. @AbdElbeltaji Я предоставил вложенный объект

5. Здесь 4 предмета роскоши, в чем проблема?

Метки: